<div class="container-fluid bg-grey">

  <div class="row">

    <div class="col-sm-4">

      <br><img id="logo_ARTICLE" src="images/full_block_image.php?methode=full_treemap" width="100%; height: auto"></img>

      <br><p>ARTICLE</p>

    </div>

    <div class="col-sm-8">

      <h2>Draw the "Full" Block</h2>

      <h4>Use the drawing methods from below, but drawing each part of the block : inputs, outputs, fees and reward</h4>

      <p>You can choose an alternative drawing method.

        <select id="selectMethod_ARTICLE" onchange="javascript:DrawLastFullBlock_ARTICLE()">

          <option value="full_treemap">Treemap</option>

          <option value="full_spline">Spline</option>

          <option value="full_treemap_fuzzy">Fuzzy</option>

        </select>

      </p>

      ####BUTTON####

    </div>

  </div>

</div>

<script>

function DrawLastFullBlock_ARTICLE()

{

  var methode = $("#selectMethod_ARTICLE").val();

  var downloadingImage = new Image();

  downloadingImage.onload = function(){

    $('#logo_ARTICLE').attr('src', this.src);   

  };

  $('#logo_ARTICLE').attr('src','images/loading.gif');

  downloadingImage.src = 'images/full_block_image.php?methode='+methode;

  return true;

}

</script>