RanchiMall/explorer-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed position 3

Browse Source
This commit is contained in:
tripathyr 2019-06-13 15:55:08 +05:30
parent d2de92533b
commit 05942ba6ea
1 changed files with 36 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
index2.html
View File

@ -26,15 +26,7 @@
}*/ }*/
table {
border-collapse: collapse;
}
table, tr, th, td {
border: 1px solid #e3e3e3;
}
button { button {
background-color: #4CAF50; /* Green */ background-color: #4CAF50; /* Green */
border: none; border: none;
@ -82,6 +74,9 @@
text-align: left; text-align: left;
border-collapse: collapse; border-collapse: collapse;
margin: 30px 30px 30px 15px; margin: 30px 30px 30px 15px;
position: absolute;
left:300px;
top:-350px;
} }
th { th {
@ -423,8 +418,14 @@
document.getElementById("contract_data_display").style.opacity = 1; document.getElementById("contract_data_display").style.opacity = 1;
var rows = data; var rows = data;
var html = '<div id="closeMe"><i class="fas fa-times fa-lg" style="color:red;"></i></div>';
html += '<table>';
var html = '<table><tr><td><div id="closeMe"><i class="fas fa-times fa-lg" style="color:red;"></i></div></td></tr>';
var screenWidth = window.innerWidth;
if(screenWidth>900){
html += '<tr>'; html += '<tr>';
for( var j in rows[1] ) { for( var j in rows[1] ) {
html += '<th>' + j + '</th>'; html += '<th>' + j + '</th>';
@ -433,16 +434,37 @@
for( var i = 1; i < Object.keys(rows).length; i++) { for( var i = 1; i < Object.keys(rows).length; i++) {
html += '<tr>'; html += '<tr>';
for( var j in rows[i] ) { for( var j in rows[i] ) {
console.log(j);
html += '<td>' + rows[i][j] + '</td>'; html += '<td>' + rows[i][j] + '</td>';
} }
html += '</tr>'; html += '</tr>';
} }
html += '</table>'; html += '</table>';
}
console.log(html); else
{
html += '<tr>';
for( var j in rows[1] ) {
html += '<tr><th>' + j + '</th></tr>';
}
html += '</tr>';
for( var i = 1; i < Object.keys(rows).length; i++) {
html += '<tr>';
for( var j in rows[i] ) {
if (j !="transactionHash"){
html += '<tr><td>' + rows[i][j] + '</td></tr>';}
}
html += '</tr><tr><td style="color:#426eb5;font-size:12px">Next Record</td></tr>';
}
html += '</table>';
}
document.getElementById("contract_data_display").innerHTML = html; document.getElementById("contract_data_display").innerHTML = html;
document.getElementById("contract_data_display").style.transform = "translate(-400px,15px)"; document.getElementById("contract_data_display").style.transform = "translate(-400px,15px)";
document.getElementById("closeMe").style.transform = "translate(10px,50px)"; /* document.getElementById("closeMe").style.transform = "translate(10px,50px)";*/
var x = document.getElementsByClassName("hideMe"); var x = document.getElementsByClassName("hideMe");
for (var i=0;i<x.length;i++){ for (var i=0;i<x.length;i++){