Team:CBNU-Korea/test

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Francois+One' ...")
 
(12 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 = [
-
$(function(){
+
'https://static.igem.org/mediawiki/2012/4/4b/CBK_NC_017040_before.png',
-
$('#select').change(function(event){ var imgSrc = $(event.target).val(); $('#img').attr('src', imgSrc);}).change();
+
'https://static.igem.org/mediawiki/2012/1/12/CBK_NC_006449_before.png' ]
-
});
+
$(function() {
-
 
+
$('#CB_select').change(
-
 
+
function(event) {
 +
var i = document.getElementById("CB_select").selectedIndex;
 +
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" width="100%" height="100px">
+
-
</div>
+
<div id="CB_sub_cont">
<div id="CB_sub_cont">
-
+
 
-
<select id = "CB_select">
+
<select id="CB_select">
-
<option value="https://static.igem.org/mediawiki/2012/4/4b/CBK_NC_017040_before.png">Streptococcus pyogenes MGAS15252</option>
+
<option>Streptococcus pyogenes MGAS15252</option>
-
<option value="https://static.igem.org/mediawiki/2012/f/f6/CBK_NC_017040_after.png">Streptococcus pyogenes MGAS15252_2</option>
+
<option>Streptococcus pyogenes MGAS15252_2</option>
-
</select>
+
<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>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
<option>Streptococcus pyogenes MGAS15252_2</option>
 +
</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"