topisto/www
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

temporaire 20181201

Browse Source
This commit is contained in:
MEUNIER Thibaud
2018-12-01 09:51:41 +01:00
parent b21e660971
commit 1d90cd185a
6 changed files with 600 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
index.php
View File

@@ -107,6 +107,30 @@
</div>
</div>
<script>
function changeExploreBlock()
{
$('#img_explorer').attr('src', 'images/loading.gif');
block_name = $('#blockSelector').val();
block_url = 'data/getBlockInfo.php';
if (block_name != 'LAST') block_url += '?block_hash='+liste_blocks[block_name];
$.getJSON(block_url, function( data ) {
changeExploreBlockDrawing(data);
});
}
function changeExploreBlockDrawing(le_block)
{
var downloadingImage = new Image();
downloadingImage.onload = function(){
$('#img_explorer').attr('src', this.src);
};
downloadingImage.src = 'images/block_image.php?methode=hasard&hash='+le_block.hash;
}
$(document).ready(function(){
last_block_hooks.push(changeExploreBlockDrawing);
});
</script>
<div id="explorer" class="container-fluid bg-grey" style="padding-top:10px">
<div class="row">
<div class="col-sm-12">&nbsp;</div>
@@ -114,37 +138,22 @@
</div>
<div class="container-fluid bg-grey" style="padding-top:0px;padding-bottom:10px">
<div class="row">
<div class="col-sm-4">
<span class="align-middle">My Blockchain Explorer</span>
<div class="col-sm-4">
<br><img id="img_explorer" src="images/block_image.php" width="100%; height: auto">
</div>
<div class="col-sm-8 text-right">
<a href="#navigation" onclick="javascript:initBlockchain('GENESIS');" class="btn btn-success btn-lg btn-topisto" data-toggle="tooltip" title="GENESIS">
<span class="glyphicon glyphicon-fast-backward"></span>
</a>
<a href="#navigation" onclick="javascript:gotoBlock('PREVIOUS');" class="btn btn-info btn-lg btn-topisto" data-toggle="tooltip" title="PREVIOUS">
<span class="glyphicon glyphicon-backward"></span>
</a>
<select style="display:none" id="blockSelector" onchange="javascript:blockSelectorChange()" data-width="100%">
<option value="LAST">LAST</option>
</select>
<a id="btn-forward" href="#navigation" onclick="javascript:gotoBlock('NEXT');" class="btn btn-secondary btn-lg btn-topisto" data-toggle="tooltip" title="NEXT">
<span class="glyphicon glyphicon-forward"></span>
</a>
<a href="#navigation" id="fast_forward_btn" onclick="javascript:blockSelectorChange()" class="btn btn-secondary btn-lg btn-topisto" data-toggle="tooltip" title="LAST">
<span class="glyphicon glyphicon-fast-forward"></span>
</a>
<div class="col-sm-8">
<br>
<h2>Explore the Bitcoin's Blockchain</h2>
<h4>This is a drawing of the <select id="blockSelector" onchange="javascript:changeExploreBlock()"><option value="LAST">LAST</option></select> block of the Bitcoin's Blockchain.</h4>
<a href="explorer.php">Click here to see the other blocks</a>
</div>
</div>
</div>
<div id="blockchain"></div>
<div id="blog" class="container-fluid bg-grey" style="padding-top:50px;align:right">
<div id="blog" class="container-fluid bg-white" style="padding-top:50px;align:right">
<div class="row">
<div class="col-sm-8">&nbsp;</div>
<div class="col-sm-4">
<span style="color:black;font-family: Bangers, sans-serif;font-size: 35px;">Blog</span>
</div>
<div class="col-sm-4">&nbsp;</div>
<div class="col-sm-8 text-right"><h2>Blog</h2></div>
</div>
</div>