Template:Team:HKU-HKBU/header
From 2009.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | |||
+ | ddaccordion.init({ | ||
+ | headerclass: "submenuheader", //Shared CSS class name of headers group | ||
+ | contentclass: "submenu", //Shared CSS class name of contents group | ||
+ | revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover" | ||
+ | mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover | ||
+ | collapseprev: false, //Collapse previous content (so only one open at any time)? true/false | ||
+ | defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content | ||
+ | onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) | ||
+ | animatedefault: false, //Should contents open by default be animated into view? | ||
+ | persiststate: true, //persist state of opened contents within browser session? | ||
+ | toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] | ||
+ | togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) | ||
+ | animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow" | ||
+ | oninit:function(headers, expandedindices){ //custom code to run when headers have initalized | ||
+ | var menuBar = document.getElementById("glossymenu"); | ||
+ | var aNodes = menuBar.getElementsByTagName("a"); | ||
+ | for (var i = 0; i < aNodes.length; i++) | ||
+ | { | ||
+ | //alert(aNodes[i].attributes.getNamedItem("href").value + "\n" + document.URL); | ||
+ | if(aNodes[i].attributes.getNamedItem("href").value == document.URL) | ||
+ | { | ||
+ | alert("!!!"); | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed | ||
+ | //do nothing | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | |||
<div id="wrapper"> | <div id="wrapper"> | ||
<div id="topnav"> | <div id="topnav"> | ||
Line 8: | Line 43: | ||
</div> | </div> | ||
<div id="leftnav"> | <div id="leftnav"> | ||
- | < | + | <div class="glossymenu" id="glossymenu"> |
- | + | <a id="special" class="menuitem" href="">Home</a> | |
- | + | <a class="menuitem" href="">Project</a> | |
+ | <a class="menuitem" href="">Parts</a> | ||
+ | <a class="menuitem submenuheader" href="" >Micro-Motor</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="file:///C:\page\menu.html">Overview</a></li> | ||
+ | <li><a href="">Membrane Version</a></li> | ||
+ | <li><a href="">Silicon Version</a></li> | ||
+ | <li><a href="">Methodology</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem submenuheader" href="" >Polar Expression</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="">Design</a></li> | ||
+ | <li><a href="">Results</a></li> | ||
+ | <li><a href="">Methodology</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem submenuheader" href="" >Speed Control</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="">Design</a></li> | ||
+ | <li><a href="">Results</a></li> | ||
+ | <li><a href="">Methodology</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem" href="" >Modeling</a> | ||
+ | <a class="menuitem" href="" >Applications</a> | ||
+ | <a class="menuitem submenuheader" href="" >Human Practice</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="">Questionaire</a></li> | ||
+ | <li><a href="">Website</a></li> | ||
+ | <li><a href="">Interview</a></li> | ||
+ | <li><a href="">Lecture</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
<div id="mainbox"> | <div id="mainbox"> | ||
<div id="wikicontent"> | <div id="wikicontent"> | ||
</html> | </html> |
Revision as of 10:34, 17 October 2009