|
|
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>
| + | |