Team:Johns Hopkins/Templates/tpl1

From 2011.igem.org

(Difference between revisions)
Line 8: Line 8:
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/default?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/default?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/navbar?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/navbar?action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
<script type="text/javascript">
 
-
/***********************************************
 
-
* Dolphin Tabs Menu- by JavaScript Kit (www.javascriptkit.com)
 
-
* This notice must stay intact for usage
 
-
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
 
-
***********************************************/
 
-
var dolphintabs={
 
-
subcontainers:[], last_accessed_tab:null,
 
-
 
-
revealsubmenu:function(curtabref){
 
-
this.hideallsubs()
 
-
if (this.last_accessed_tab!=null)
 
-
this.last_accessed_tab.className=""
 
-
if (curtabref.getAttribute("rel")) //If there's a sub menu defined for this tab item, show it
 
-
document.getElementById(curtabref.getAttribute("rel")).style.display="block"
 
-
curtabref.className="current"
 
-
this.last_accessed_tab=curtabref
 
-
},
 
-
 
-
hideallsubs:function(){
 
-
for (var i=0; i<this.subcontainers.length; i++)
 
-
document.getElementById(this.subcontainers[i]).style.display="none"
 
-
},
 
-
 
-
 
-
init:function(menuId, selectedIndex){
 
-
var tabItems=document.getElementById(menuId).getElementsByTagName("a")
 
-
for (var i=0; i<tabItems.length; i++){
 
-
if (tabItems[i].getAttribute("rel"))
 
-
this.subcontainers[this.subcontainers.length]=tabItems[i].getAttribute("rel") //store id of submenu div of tab menu item
 
-
if (i==selectedIndex){ //if this tab item should be selected by default
 
-
tabItems[i].className="current"
 
-
this.revealsubmenu(tabItems[i])
 
-
}
 
-
tabItems[i].onmouseover=function(){
 
-
dolphintabs.revealsubmenu(this)
 
-
}
 
-
} //END FOR LOOP
 
-
}
 
-
 
-
}
 
-
</script>
 
</head>
</head>
Line 86: Line 45:
</ul>
</ul>
                         </div>
                         </div>
-
                        <div id="submenu">
+
              </div>
-
<div id="proj" class="innercontent">
+
-
                        <font color="FF0000">SUCCESS</font>
+
-
                        </div>
+
-
 
+
-
                        </div>
+
-
<script type="text/javascript">
+
-
 
+
-
dolphintabs.init("mainmenu", 1)
+
-
</script>
+
-
                </div>
+

Revision as of 21:30, 14 July 2011

Johns Hopkins University: iGEM 2011