<style>

.fond {

margin:auto;

top:0;

}

.texte {

color:black;

margin:auto;

position:absolute;

z-index:2;

top:0;

width:100%;

}

</style>

<div class="container-fluid" id="BlocksBrowser"></div>

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

  <div class="row">

    <div class="col-sm-12 text-center">

      Drawing the treemap

    </div>

  </div>

</div>

<div class="container-fluid">

  <div class="row">

    <div class="col-sm-12 text-center">

      Drawing the block hashes

    </div>

  </div>

</div>

<script src="js/browse_blocks.js"></script>

<script>

function afficherBlock(block, index)

{

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

  html = '<img src="twitterbot/image.php?methode='+methode+'&block_hash='+block.hash+'" style="opacity: 0.5;image-orientation: 90deg" width="100%; height: auto"></img>';

  $('#block0'+index+'_img').html(html);

  html  = '';

  html += '<table width="100%">'

  html += '<tr><td width="10%">&nbsp;</td><td width="30%">Height</td><td width="50%" align="right"><strong>HEIGHT</strong></td><td width="10%">&nbsp;</td></tr>';

  html += '<tr><td width="10%">&nbsp;</td><td width="30%">Outputs</td><td width="50%" align="right"><strong>OUTPUT</strong> <span class="glyphicon glyphicon-bitcoin"></span></td><td width="10%">&nbsp;</td></tr>';

  //html += '<tr><td width="10%">&nbsp;</td><td width="30%">Inputs</td><td width="50%" align="right"><strong>INPUT</strong> <span class="glyphicon glyphicon-bitcoin"></span></td><td width="10%">&nbsp;</td></tr>';

  html += '<tr><td width="10%">&nbsp;</td><td width="30%">Reward</td><td width="50%" align="right"><strong>REWARD</strong> <span class="glyphicon glyphicon-bitcoin"></span></td><td width="10%">&nbsp;</td></tr>';

  //html += '<tr><td width="10%">&nbsp;</td><td width="30%">Fees</td><td width="50%" align="right"><strong>FEE</strong> <span class="glyphicon glyphicon-bitcoin"></span></td><td width="10%">&nbsp;</td></tr>';

  html += '</table>'

  html = html.replace(new RegExp('INDEX', 'g'),block.block_index);

  html = html.replace(new RegExp('HEIGHT', 'g'),block.height);

  html = html.replace(new RegExp('OUTPUT', 'g'),block.topisto_outputs/Math.pow(10,8));

  html = html.replace(new RegExp('INPUT', 'g'),block.topisto_inputs/Math.pow(10,8));

  html = html.replace(new RegExp('REWARD', 'g'),(block.topisto_outputs-block.topisto_inputs)/Math.pow(10,8));

  html = html.replace(new RegExp('FEE', 'g'),block.topisto_fees/Math.pow(10,8));

  $('#block0'+index+'_txt').html(html);

  return true;

}

</script>