Team:CBNU-Korea/test

From 2012.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 282: Line 282:
#CB_sub_main {
#CB_sub_main {
-
width: 70%;
+
width: 100%;
-
float: right;
+
}
}
#CB_sub_menu {
#CB_sub_menu {
-
width: 28%;
+
width: 100%;
-
float: left;
+
border-top: 1px dotted #41C7BC;
border-top: 1px dotted #41C7BC;
padding-top: 10px;
padding-top: 10px;
Line 351: Line 349:
#CB_sub_cont {
#CB_sub_cont {
 +
}
 +
 +
#CB_select {
 +
width: 50%;
 +
display: block;
 +
}
 +
 +
#CB_sub_chart_1 {
 +
width: 48%;
 +
height: 300px;
 +
float: left;
 +
border: 1px dotted #DFDFDF;
 +
background-size: 100% 100%;
 +
}
 +
 +
#CB_sub_chart_2 {
 +
width: 48%;
 +
height: 300px;
 +
float: right;
 +
border: 1px dotted #DFDFDF;
 +
background-size: 100% 100%;
}
}
Line 557: Line 576:
<script type="text/javascript">
<script type="text/javascript">
 +
var array = [
 +
'https://static.igem.org/mediawiki/2012/4/4b/CBK_NC_017040_before.png',
 +
'https://static.igem.org/mediawiki/2012/1/12/CBK_NC_006449_before.png' ]
$(function() {
$(function() {
-
$('#CB_select').change(function(event) {
+
$('#CB_select').change(
-
var imgSrc = $(event.target).val();
+
function(event) {
-
$('#img_test').attr('src', imgSrc);
+
var i = document.getElementById("CB_select").selectedIndex;
-
}).change();
+
var imgSrc = array[i];
 +
$('#CB_sub_chart_1').css("background-image",
 +
"url(" + imgSrc + ")");
 +
$('#CB_sub_chart_2').css("background-image",
 +
"url(" + imgSrc + ")");
 +
}).change();
 +
 +
$("*#CB_sub_mobile_menu").click(function() { $(".CBUL").slideToggle("slow");});
});
});
</script>
</script>
Line 606: Line 635:
</div>
</div>
<div id="CB_sub_menu">
<div id="CB_sub_menu">
-
<ul>
+
<div id="CB_sub_mobile_menu" style="height: 20px; cursor: pointer;">??</div>
 +
<ul class="CBUL">
<li class="li_Safety"><a href="#">01 + Safety</a></li>
<li class="li_Safety"><a href="#">01 + Safety</a></li>
</ul>
</ul>
Line 612: Line 642:
</div>
</div>
<div id="CB_sub_main">
<div id="CB_sub_main">
-
<div id="CB_sub_img">
+
<div id="CB_sub_img"></div>
-
<img id="img_test" width="100px" height="100px">
+
-
</div>
+
<div id="CB_sub_cont">
<div id="CB_sub_cont">
<select id="CB_select">
<select id="CB_select">
-
<option
+
<option>Streptococcus pyogenes MGAS15252</option>
-
value="https://static.igem.org/mediawiki/2012/4/4b/CBK_NC_017040_before.png">Streptococcus
+
<option>Streptococcus pyogenes MGAS15252_2</option>
-
pyogenes MGAS15252</option>
+
<option>Streptococcus pyogenes MGAS15252_2</option>
-
<option
+
<option>Streptococcus pyogenes MGAS15252_2</option>
-
value="https://static.igem.org/mediawiki/2012/f/f6/CBK_NC_017040_after.png">Streptococcus
+
<option>Streptococcus pyogenes MGAS15252_2</option>
-
pyogenes MGAS15252_2</option>
+
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
</select>
</select>
-
 
+
<div id="CB_sub_chart_1"></div>
 +
<div id="CB_sub_chart_2"></div>
</div>
</div>
</div>
</div>

Latest revision as of 23:15, 26 September 2012

SAFETY

- Safety

Retrieved from "http://2012.igem.org/Team:CBNU-Korea/test"