Team:Arizona State/Templates/sidebar2

From 2011.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Dynamic Drive DHTML Scripts- Switch Menu</title> <meta http-equiv="Content-Type" content="text/h...")
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
 
<head>
<head>
-
<title>Dynamic Drive DHTML Scripts- Switch Menu</title>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
-
<link rel="stylesheet" type="text/css" href="../ddincludes/mainstyle.css" />
 
-
<style type="text/css">
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
.menutitle{
+
-
cursor:pointer;
+
-
margin-bottom: 5px;
+
-
background-color:#ECECFF;
+
-
color:#000000;
+
-
width:140px;
+
-
padding:2px;
+
-
text-align:center;
+
-
font-weight:bold;
+
-
/*/*/border:1px solid #000000;/* */
+
-
}
+
-
.submenu{
+
<script type="text/javascript" src="https://2011.igem.org/Team:Arizona_State/Templates/accordion?action=raw&ctype=text/javascript">
-
margin-bottom: 0.5em;
+
-
}
+
-
</style>
+
-
 
+
-
<script type="text/javascript">
+
/***********************************************
/***********************************************
-
* Switch Menu script- by Martial B of http://getElementById.com/
+
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
-
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
+
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
-
* Visit http://www.dynamicdrive.com/ for full source code
+
* This notice must stay intact for legal use
***********************************************/
***********************************************/
-
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
+
</script>
-
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
+
-
if (document.getElementById){ //DynamicDrive.com change
 
-
document.write('<style type="text/css">\n')
 
-
document.write('.submenu{display: none;}\n')
 
-
document.write('</style>\n')
 
-
}
 
-
function SwitchMenu(obj){
+
<script type="text/javascript">
-
if(document.getElementById){
+
 
-
var el = document.getElementById(obj);
+
 
-
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
+
ddaccordion.init({
-
if(el.style.display != "block"){ //DynamicDrive.com change
+
headerclass: "submenuheader", //Shared CSS class name of headers group
-
for (var i=0; i<ar.length; i++){
+
contentclass: "submenu", //Shared CSS class name of contents group
-
if (ar[i].className=="submenu") //DynamicDrive.com change
+
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
-
ar[i].style.display = "none";
+
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
-
el.style.display = "block";
+
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
-
}else{
+
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
-
el.style.display = "none";
+
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='https://static.igem.org/mediawiki/2011/9/9c/Arizona_State_plus.gif' class='statusicon' />", "<img src='https://static.igem.org/mediawiki/2011/8/84/Arizona_State_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
 +
//do nothing
 +
},
 +
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
 +
//do nothing
}
}
 +
})
 +
 +
 +
</script>
 +
 +
 +
<style type="text/css">
 +
 +
.glossymenu{
 +
margin: 5px 0;
 +
padding: 0;
 +
width: 170px; /*width of menu*/
 +
border: 1px solid #9A9A9A;
 +
border-bottom-width: 0;
}
}
-
function get_cookie(Name) {  
+
.glossymenu a.menuitem{
-
var search = Name + "="
+
background: black url(https://static.igem.org/mediawiki/2011/0/0d/Arizona_State_glossyback2.gif) repeat-x bottom left;
-
var returnvalue = "";
+
font: bold 14px "Verdana", "Trebuchet MS", Verdana, Helvetica, sans-serif;
-
if (document.cookie.length > 0) {
+
color: white;
-
offset = document.cookie.indexOf(search)
+
display: block;
-
if (offset != -1) {
+
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
-
offset += search.length
+
width: auto;
-
end = document.cookie.indexOf(";", offset);
+
padding: 4px 0;
-
if (end == -1) end = document.cookie.length;
+
padding-left: 10px;
-
returnvalue=unescape(document.cookie.substring(offset, end))
+
text-decoration: none;
}
}
 +
 +
 +
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
 +
color: white;
}
}
-
return returnvalue;
+
 
 +
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 +
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
}
}
-
function onloadfunction(){
+
.glossymenu a.menuitem:hover{
-
if (persistmenu=="yes"){
+
background-image: url(https://static.igem.org/mediawiki/2011/0/0d/Arizona_State_glossyback2.gif);
-
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
+
-
var cookievalue=get_cookie(cookiename)
+
-
if (cookievalue!="")
+
-
document.getElementById(cookievalue).style.display="block"
+
}
}
 +
 +
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
 +
background: white;
}
}
-
function savemenustate(){
+
.glossymenu div.submenu ul{ /*UL of each sub menu*/
-
var inc=1, blockid=""
+
list-style-type: none;
-
while (document.getElementById("sub"+inc)){
+
margin: 0;
-
if (document.getElementById("sub"+inc).style.display=="block"){
+
padding: 0;
-
blockid="sub"+inc
+
-
break
+
}
}
-
inc++
+
 
 +
.glossymenu div.submenu ul li{
 +
border-bottom: 1px solid red;
}
}
-
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
+
 
-
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
+
.glossymenu div.submenu ul li a{
-
document.cookie=cookiename+"="+cookievalue
+
display: block;
 +
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
color: black;
 +
text-decoration: none;
 +
padding: 2px 0;
 +
padding-left: 10px;
}
}
-
if (window.addEventListener)
+
.glossymenu div.submenu ul li a:hover{
-
window.addEventListener("load", onloadfunction, false)
+
background: #DFDCCB;
-
else if (window.attachEvent)
+
colorz: white;
-
window.attachEvent("onload", onloadfunction)
+
}
-
else if (document.getElementById)
+
-
window.onload=onloadfunction
+
-
if (persistmenu=="yes" && document.getElementById)
+
</style>
-
window.onunload=savemenustate
+
-
 
+
-
</script>
+
</head>
</head>
Line 110: Line 116:
<body>
<body>
-
 
+
<div class="glossymenu">
-
    <p align="left"><!-- Keep all menus within masterdiv-->
+
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State">HOME</a>
-
<div id="masterdiv">
+
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Team">TEAM</a>
-
 
+
<div class="submenu">
-
<div class="menutitle" onclick="SwitchMenu('sub1')">test</div>
+
<ul>
-
<span class="submenu" id="sub1">
+
<li><a href="https://igem.org/Team.cgi?year=2011&team_name=Arizona_State">OFFICIAL TEAM PROFILE</a></li>
-
- <a href="https://2011.igem.org/wiki/index.php?title=Team:Arizona State">test</a><br>
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Photos">PHOTOS</a></li>
-
</span>
+
</ul>
-
+
</div>
-
<div class="menutitle" onclick="SwitchMenu('sub4')">test2</div>
+
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Project">PROJECT</a>
-
<span class="submenu" id="sub4">
+
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Lab">LAB</a>
-
- <a href="https://2011.igem.org/wiki/index.php?title=Team:Arizona State">test2</a><br>
+
<div class="submenu">
-
</span>
+
<ul>
-
 
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Lab/Protocols">PROTOCOLS</a></li>
-
 
+
</ul>
 +
</div>
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Parts">PARTS</a>
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Modeling">MODELING</a>
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Notebook">NOTEBOOK</a>
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Safety">SAFETY</a>
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Attributions" style="border-bottom-width: 0">ATTRIBUTIONS</a>
</div>
</div>
-
 
 
</body>
</body>
-
 
</html>
</html>

Revision as of 08:04, 15 August 2011

HOME TEAM
PROJECT LAB
PARTS MODELING NOTEBOOK SAFETY ATTRIBUTIONS

Retrieved from "http://2011.igem.org/Team:Arizona_State/Templates/sidebar2"