Difference between revisions of "Team:UI Indonesia/team"

Line 1: Line 1:
 
 
{{UI_Indonesia}}
 
{{UI_Indonesia}}
  
Line 208: Line 207:
  
  
<div id="bannerContainer">
 
<!--<br><br>
 
<h2> Add a banner to your wiki! </h2>
 
 
<p>You can make the image 980px  by  200px</p>
 
<p> Remember to call the file: "<i>Team_UI_Indonesia_banner.jpg</i>" </p>-->
 
                        <img src="https://static.igem.org/mediawiki/2015/a/ac/UI_Indonesia_homebanner.jpg">
 
</div>
 
  
 
<!-- Start of menu -->
 
<!-- Start of menu -->
 
<div style="width:100%;">
 
<div style="width:100%;">
<div id="menuContainer">
+
 
+
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
<ul>
+
<li onclick="myFunction()">Background</li>
+
 
+
<li onclick="myFunction1()">Our Solution</li>
+
 
+
<li onclick="myFunction2()">Principle Method</li>
+
 
+
</ul>
+
</div>
+
<div style="width:700px;height:300px;border: 2px solid #6D5417;margin-top:20px;margin-bottom:20px;padding-left:20px;padding-right:20px;float:left;margin-left:20px;">
+
<center><h1 id="judul">A</h1></center>
+
<p id="isi">a</p>
+
 
+
<script>
+
function myFunction() {
+
document.getElementById("judul").innerHTML = "A";
+
    document.getElementById("isi").innerHTML = "a";
+
 
+
}
+
function myFunction1() {
+
document.getElementById("judul").innerHTML = "B";
+
    document.getElementById("isi").innerHTML = "b";
+
}
+
function myFunction2() {
+
document.getElementById("judul").innerHTML = "C";
+
    document.getElementById("isi").innerHTML = "c";
+
}
+
  
</script>
 
</div>
 
  
 
</div>
 
</div>

Revision as of 07:48, 11 September 2015