Commit d490f65b by MARIJON Pierre

move div style in css

parent 66775525
......@@ -11,7 +11,7 @@
hide_unhide_button('hide_canu_contig_mini', 'canu_contig_mini', 'contig projection');
</script>
</div>
<div id="canu_contig_mini" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="canu_contig_mini" class="graph_image">
<img class="eighty_img" src="data:image/png;base64,{{canu_contig_mini}}"/>
<img class="twenty_img" src="data:image/png;base64,{{canu_contig_mini_legend}}">
</div>
......
......@@ -29,7 +29,7 @@ hide_unhide_button("hide_canu_contig_on_paf", "canu_contig_on_paf", "contig proj
</script>
</div>
<div id="canu_contig_on_paf" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="canu_contig_on_paf" class="graph_image">
<img src="data:image/png;base64,{{canu_contig_paf}}"/>
<img src="data:image/png;base64,{{canu_contig_paf_legend}}">
</div>
......
......@@ -27,7 +27,8 @@ hide_unhide_button('hide_bog', 'canu_bog', 'BOG');
</script>
</div>
<div id="canu_bog" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="canu_bog" class="graph_image">
<p>You can move and zoom in this image.</p>
<canvas id="bog_canvas"></canvas>
<script>
var canvas = document.getElementById('bog_canvas')
......@@ -166,7 +167,7 @@ canvas.width = 1470; canvas.height = 1000;
hide_unhide_button('hide_canu_paf', 'canu_paf', 'Canu PAF');
</script>
</div>
<div id="canu_paf" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="canu_paf" class="graph_image">
<img src="data:image/png;base64,{{canu_paf}}"/>
</div>
......@@ -180,7 +181,7 @@ hide_unhide_button('hide_contig', 'canu_contig', 'Canu contigs');
</script>
</div>
<div id="canu_contig" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="canu_contig" class="graph_image">
<img src="data:image/png;base64,{{canu_contig}}"/>
</div>
......@@ -192,7 +193,7 @@ hide_unhide_button('hide_contig', 'canu_contig', 'Canu contigs');
hide_unhide_button('hide_unitig', 'canu_unitig', 'Canu unitigs');
</script>
</div>
<div id="canu_unitig" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="canu_unitig" class="graph_image">
<img src="data:image/png;base64,{{canu_unitig}}"/>
</div>
......
......@@ -34,6 +34,13 @@
text-align:right;
}
div.graph_image {
display: none;
border-color: black;
border-width: 2px;
border-style: solid;
}
.dataframe {
font-family : Monaco;
font-size : small;
......
......@@ -6,12 +6,12 @@ function hide_unhide_button(button_id, div_id, button_text)
{
document.getElementById(button_id).onclick = function()
{
if(document.getElementById(div_id).style.display == 'none') {
document.getElementById(div_id).style.display = 'inline-block';
document.getElementById(button_id).innerHTML = "Hide ".concat(button_text);
} else {
if(document.getElementById(div_id).style.display == 'inline-block') {
document.getElementById(div_id).style.display = 'none';
document.getElementById(button_id).innerHTML = "Show ".concat(button_text);
} else {
document.getElementById(div_id).style.display = 'inline-block';
document.getElementById(button_id).innerHTML = "Hide ".concat(button_text);
}
}
}
......
......@@ -14,7 +14,7 @@
hide_unhide_button('hide_miniasm', 'miniasm_gfa', 'Miniasm');
</script>
</div>
<div id="miniasm_gfa" style="display:none;border-color:black;border-width:2px;border-style:solid">
<div id="miniasm_gfa" class="graph_image">
<img src="data:image/png;base64,{{miniasm_gfa}}"/>
</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment