Template:Stockholm/Top7
From 2010.igem.org
m (New page: <html> <style type="text/css"> td { vertical-align: top } A:link {text-decoration: none; color:#3671A1;} A:visited {text-decoration: none; color:#3671A1;} A:active {text-decoration: no...) |
m |
||
Line 1: | Line 1: | ||
- | < | + | <body> |
+ | <head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <style type="text/css"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .indented1 | |
- | + | ||
- | + | ||
{ | { | ||
- | + | padding-left: 25pt; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .indented2 | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | + | padding-left:75pt; | |
} | } | ||
- | + | .menutitle{ | |
- | { | + | cursor:pointer; |
- | + | border-right:1px dotted #CCCCCC; | |
- | + | display:inline; | |
- | + | margin-left:5px; | |
- | + | padding-right:5px; | |
- | + | align="center"; | |
- | + | color:#3671A1; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .submenu{ | |
- | + | margin-bottom: 0.5em; | |
- | display: | + | border-right:1px dotted #CCCCCC; |
+ | display:inline; | ||
+ | margin-left:5px; | ||
+ | padding-right:5px; | ||
+ | align="center"; | ||
} | } | ||
+ | A:link {text-decoration: none; color:#3671A1;} | ||
+ | A:visited {text-decoration: none; color:#3671A1;} | ||
+ | A:active {text-decoration: none; font-weight:bold; color:#3671A1;} | ||
+ | A:hover {text-decoration: none; opacity:0.75;} | ||
+ | font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; | ||
- | |||
- | |||
- | |||
- | |||
- | + | </style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | / | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <script type="text/javascript"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | /*********************************************** | ||
+ | * Switch Menu script- by Martial B of http://getElementById.com/ | ||
+ | * Modified by Dynamic Drive for format & NS4/IE4 compatibility | ||
+ | * Visit http://www.dynamicdrive.com/ for full source code | ||
+ | ***********************************************/ | ||
+ | var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) | ||
+ | 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){ | |
- | { | + | if(document.getElementById){ |
- | + | var el = document.getElementById(obj); | |
- | + | var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change | |
- | + | if(el.style.display != "block"){ //DynamicDrive.com change | |
- | + | for (var i=0; i<ar.length; i++){ | |
- | + | if (ar[i].className=="submenu") //DynamicDrive.com change | |
- | + | ar[i].style.display = "none"; | |
- | + | } | |
+ | el.style.display = "block"; | ||
+ | }else{ | ||
+ | el.style.display = "none"; | ||
+ | } | ||
+ | } | ||
} | } | ||
- | + | function get_cookie(Name) { | |
- | { | + | var search = Name + "=" |
- | + | var returnvalue = ""; | |
- | + | if (document.cookie.length > 0) { | |
- | + | offset = document.cookie.indexOf(search) | |
- | + | if (offset != -1) { | |
- | + | offset += search.length | |
- | + | end = document.cookie.indexOf(";", offset); | |
- | + | if (end == -1) end = document.cookie.length; | |
+ | returnvalue=unescape(document.cookie.substring(offset, end)) | ||
} | } | ||
- | |||
- | |||
- | |||
} | } | ||
- | + | return returnvalue; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | function onloadfunction(){ | |
- | { | + | if (persistmenu=="yes"){ |
- | + | var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname | |
+ | var cookievalue=get_cookie(cookiename) | ||
+ | if (cookievalue!="") | ||
+ | document.getElementById(cookievalue).style.display="block" | ||
} | } | ||
- | |||
- | |||
- | |||
} | } | ||
- | + | function savemenustate(){ | |
- | { | + | var inc=1, blockid="" |
- | display | + | while (document.getElementById("sub"+inc)){ |
+ | if (document.getElementById("sub"+inc).style.display=="block"){ | ||
+ | blockid="sub"+inc | ||
+ | break | ||
} | } | ||
- | + | inc++ | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname | |
- | . | + | var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid |
- | + | document.cookie=cookiename+"="+cookievalue | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | if (window.addEventListener) | ||
+ | window.addEventListener("load", onloadfunction, false) | ||
+ | else if (window.attachEvent) | ||
+ | window.attachEvent("onload", onloadfunction) | ||
+ | else if (document.getElementById) | ||
+ | window.onload=onloadfunction | ||
- | + | if (persistmenu=="yes" && document.getElementById) | |
- | + | window.onunload=savemenustate | |
- | |||
- | |||
- | |||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <!--- | + | |
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Keep all menus within masterdiv--> | ||
+ | <div id="masterdiv"> | ||
+ | <div class="menutitle"><a href="https://2010.igem.org/Team:Stockholm">Home</a></div> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub1')">Project idea</div> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub2')">Lab work</div> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub3')">Results</div> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub4')">Modelling</div> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub5')">Team</div> | ||
+ | <div class="menutitle"><a href="https://2010.igem.org/Team:Stockholm/Sponsors">Sponsors</a></div> | ||
+ | |||
+ | <html> </html>'''Follow us on''' <html><a href="http://twitter.com/igemstockholm"><img src="https://static.igem.org/mediawiki/2010/7/78/Twitter_16.png"></a></html> '''and''' <html><a href="http://www.facebook.com/home.php?#!/group.php?gid=111421565556518"><img src="https://static.igem.org/mediawiki/2010/e/e4/Facebook_16.png"></a></html> | ||
+ | |||
+ | |||
+ | <div class="indented1"> | ||
+ | <span class="submenu" id="sub1"> | ||
+ | ↳ <a href="new.htm">Introduction</a> | ||
+ | <a href="hot.htm">Pre-study</a> | ||
+ | <a href="revised.htm">Proteins</a> | ||
+ | <a href="morezone/">Future work</a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="indented2"> | ||
+ | <span class="submenu" id="sub2"> | ||
+ | ↳ <a href="new.htm">Introduction</a> | ||
+ | <a href="hot.htm">Pre-study</a> | ||
+ | <a href="revised.htm">Proteins</a> | ||
+ | <a href="morezone/">Future work</a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="indented3"> | ||
+ | <span class="submenu" id="sub3"> | ||
+ | ↳ <a href="new.htm">Introduction</a> | ||
+ | <a href="hot.htm">Pre-study</a> | ||
+ | <a href="revised.htm">Proteins</a> | ||
+ | <a href="morezone/">Future work</a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="indented4"> | ||
+ | <span class="submenu" id="sub4"> | ||
+ | ↳ <a href="new.htm">Introduction</a> | ||
+ | <a href="hot.htm">Pre-study</a> | ||
+ | <a href="revised.htm">Proteins</a> | ||
+ | <a href="morezone/">Future work</a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="indented5"> | ||
+ | <span class="submenu" id="sub5"> | ||
+ | ↳ <a href="new.htm">Introduction</a> | ||
+ | <a href="hot.htm">Pre-study</a> | ||
+ | <a href="revised.htm">Proteins</a> | ||
+ | <a href="morezone/">Future work</a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | </body> |
</html> | </html> |
Revision as of 13:01, 23 October 2010
<body> <head>
<style type="text/css">
.indented1 { padding-left: 25pt; }
.indented2 { padding-left:75pt; }
.menutitle{ cursor:pointer; border-right:1px dotted #CCCCCC; display:inline; margin-left:5px; padding-right:5px; align="center"; color:#3671A1; }
.submenu{ margin-bottom: 0.5em; border-right:1px dotted #CCCCCC; display:inline; margin-left:5px; padding-right:5px; align="center"; }
A:link {text-decoration: none; color:#3671A1;}
A:visited {text-decoration: none; color:#3671A1;}
A:active {text-decoration: none; font-weight:bold; color:#3671A1;}
A:hover {text-decoration: none; opacity:0.75;}
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
</style>
<script type="text/javascript">
/***********************************************
- Switch Menu script- by Martial B of http://getElementById.com/
- Modified by Dynamic Drive for format & NS4/IE4 compatibility
- Visit http://www.dynamicdrive.com/ for full source code
- /
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) 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){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } }
function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }
function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } }
function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue }
if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate
</script>
</head>
<body>
</body>
</html>