Team:Groningen/menu.html

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
Line 15: Line 14:
</script>
</script>
-
 
<script type="text/javascript">
<script type="text/javascript">
-
 
ddaccordion.init({
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
headerclass: "submenuheader", //Shared CSS class name of headers group
-
contentclass: "submenu", //Shared CSS class name of contents 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"
+
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
+
mouseoverdelay: 200,         //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
-
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false  
+
collapseprev: true,           //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
+
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)
+
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?
+
animatedefault: false,       //Should contents open by default be animated into view?
-
persiststate: true, //persist state of opened contents within browser session?
+
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"]
+
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)
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"
+
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
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
//do nothing
Line 40: Line 37:
}
}
})
})
-
 
</script>
</script>
-
 
<style type="text/css">
<style type="text/css">

Revision as of 08:10, 19 August 2011

Assuming the current page is named "current.htm", the below links when navigated to expands a particular header on that page:

- Expand 1st header within "submenuheader" header group