"
Template:UpperTabs
From 2010.igem.org
(Difference between revisions)
(New page: <html> <h1><a href="index.html">Example Tabs</a></h1> <div id="header"> <ul id="primary"> <li><a href="index.html">Home</a></li> <li><span>About Us</span>) |
|||
| (103 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | < | + | <body> |
| - | + | ||
| - | < | + | <div id="tabs"> |
| - | + | <ul> | |
| - | < | + | <li id="Home"><a href="https://2010.igem.org/Team:Warsaw">Main</a></li> |
| - | + | <li id="Project"><a href="https://2010.igem.org/Team:Warsaw/Project">Project</a></li> | |
| - | <li><a href=" | + | <li id="Stage1"><a href="https://2010.igem.org/Team:Warsaw/Stage1" |
| - | + | onmouseover='this.innerHTML="ExpressIt!"' onmouseout='this.innerHTML="Stage 1"' >Stage 1</a></li> | |
| - | <li><span> | + | <li id="Stage2"><a href="https://2010.igem.org/Team:Warsaw/Stage2" |
| + | onmouseover='this.innerHTML="Kill Switch"' onmouseout='this.innerHTML="Stage 2"'>Stage 2</a></li> | ||
| + | <li id="Stage3"><a href="https://2010.igem.org/Team:Warsaw/Stage3" | ||
| + | onmouseover='this.innerHTML="BactoDHL"' onmouseout='this.innerHTML="Stage 3"'>Stage 3</a></li> | ||
| + | <!-- <li id="Stage4"><a href="https://2010.igem.org/Team:Warsaw/Stage4" | ||
| + | onmouseover='this.innerHTML="ColiStainer"' onmouseout='this.innerHTML="Stage 4"'>Stage 4</a></li> --> | ||
| + | <li id="WetLab"><a href="https://2010.igem.org/Team:Warsaw/Parts">Wet Lab</a></li> | ||
| + | <li id="Software"><a href="https://2010.igem.org/Team:Warsaw/Software">Software</a></li> | ||
| + | <li id="HP"><a href="https://2010.igem.org/Team:Warsaw/HP/Licensing" style="display:block; width:auto;">Human Practices</a></li> | ||
| + | <li id="Safe"><a href="https://2010.igem.org/Team:Warsaw/Safe">Safety</a></li> | ||
| + | <li id="Team"><a href="https://2010.igem.org/Team:Warsaw/Team">Team</a></li> | ||
| + | |||
| + | </ul> | ||
| + | </div> | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | |||
| + | function ChangeUpperTab(ActiveTab, string) { | ||
| + | |||
| + | if (ActiveTab=='Home'){ | ||
| + | document.getElementById('Home').innerHTML="<span>Home</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='Project'){ | ||
| + | document.getElementById('Project').innerHTML="<span>Project</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='Stage1'){ | ||
| + | document.getElementById('Stage1').innerHTML="<span style='width:auto;'>ExpressIt!</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='Stage2'){ | ||
| + | document.getElementById('Stage2').innerHTML="<span>Kill Switch</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='Stage3'){ | ||
| + | document.getElementById('Stage3').innerHTML="<span>BactoDHL</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='Stage4'){ | ||
| + | document.getElementById('Stage4').innerHTML="<span>Coli-Stainer</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='WetLab'){ | ||
| + | document.getElementById('WetLab').innerHTML="<span>Wet Lab</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='Software'){ | ||
| + | document.getElementById('Software').innerHTML="<span>Software</span>"; | ||
| + | } | ||
| + | if (ActiveTab=='HP'){ | ||
| + | document.getElementById('HP').innerHTML="<span style='width:auto;'>Human Practices</span>"; | ||
| + | |||
| + | } | ||
| + | if (ActiveTab=='Team'){ | ||
| + | document.getElementById('Team').innerHTML="<span>Team</span>"; | ||
| + | |||
| + | } | ||
| + | |||
| + | if (ActiveTab=='Attribution'){ | ||
| + | document.getElementById('Attribution').innerHTML="<span>Attribution</span>"; | ||
| + | |||
| + | } | ||
| + | |||
| + | if (ActiveTab=='Sponsors'){ | ||
| + | document.getElementById('Sponsors').innerHTML="<span>Sponsors</span>"; | ||
| + | |||
| + | } | ||
| + | |||
| + | if (ActiveTab=='Safe'){ | ||
| + | document.getElementById('Safe').innerHTML="<span>Safety</span>"; | ||
| + | |||
| + | } | ||
| + | |||
| + | } | ||
| + | ChangeUpperTab(ActiveTab); | ||
| + | |||
| + | </script> | ||
Latest revision as of 10:52, 26 October 2010
