Template:Stockholm/Top8
From 2010.igem.org
(Difference between revisions)
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 |
||
(9 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 164: | Line 166: | ||
} | } | ||
</style> | </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){ | |
- | var | + | 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> | </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> | ||
+ | |||
+ | <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> | + |
Latest revision as of 13:49, 23 October 2010