|
|
(4 intermediate revisions not shown) |
Line 3: |
Line 3: |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | $(document).ready(function(){
| |
| | | |
- | $(function(){
| + | /*********************************************** |
- | var path = location.pathname.substring(1);
| + | * Switch Menu script- by Martial B of http://getElementById.com/ |
- | var last = path.split("/");
| + | * Modified by Dynamic Drive for format & NS4/IE4 compatibility |
- | if ( last[1] ) {
| + | * Visit http://www.dynamicdrive.com/ for full source code |
- | $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828");
| + | ***********************************************/ |
- | }
| + | |
- | else {
| + | |
- | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
| + | |
- | }
| + | |
- | });
| + | |
| | | |
- | $('#menuback').mouseover(function() {
| + | var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) |
- | $('#headover').stop().animate({height:'150px',top:'0px'},1000);
| + | var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only |
- | });
| + | |
| | | |
- | $('#menu').mouseleave(function() {
| + | if (document.getElementById){ //DynamicDrive.com change |
- | $('.listhead').not('.curlink').css("color","#ffffff");
| + | document.write('<style type="text/css">\n') |
- | $('.listmain').not('.curlink').css("color","#dddddd");
| + | document.write('.submenu{display: none;}\n') |
- | $('#headover ul').fadeOut(500);
| + | document.write('</style>\n') |
- | $('#headover').stop().animate({height:'50px',top:'100px'},1000);
| + | } |
- | });
| + | |
| | | |
- | $('.listhead').mouseover(function(){
| + | function SwitchMenu(obj){ |
- | $('.listhead').not('.curlink').css("color","#ffffff");
| + | if(document.getElementById){ |
- | $(this).css("color","#444444");
| + | var el = document.getElementById(obj); |
- | $('#headover ul').css("display","none");
| + | var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change |
- | var vActive = $(this).attr("id");
| + | if(el.style.display != "block"){ //DynamicDrive.com change |
- | $('.'+vActive).stop(true, true).fadeIn(500);
| + | 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"; |
| + | } |
| + | } |
| + | } |
| | | |
- | $('.listmain').mouseover(function(){
| + | function get_cookie(Name) { |
- | $('.listmain').not('.curlink').css("color","#dddddd");
| + | var search = Name + "=" |
- | $(this).css("color","#ea8828");
| + | 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; |
| + | } |
| | | |
- | $('#headover').mouseleave(function(){
| + | function onloadfunction(){ |
- | $('.listmain').not('.curlink').css("color","#dddddd");
| + | 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(){ |
- | </script>
| + | var inc=1, blockid="" |
- | <style type="text/css">
| + | 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 |
| + | } |
| | | |
- | a:link {color:#20548f;}
| + | if (window.addEventListener) |
- | a:visited {color:#20548f;}
| + | window.addEventListener("load", onloadfunction, false) |
- | a:hover {color:#20548f;}
| + | else if (window.attachEvent) |
- | a:active {color:#20548f;}
| + | window.attachEvent("onload", onloadfunction) |
| + | else if (document.getElementById) |
| + | window.onload=onloadfunction |
| | | |
- | #top-section {
| + | if (persistmenu=="yes" && document.getElementById) |
- | background-color: #ffffff;
| + | window.onunload=savemenustate |
- | height: 100px;
| + | |
- | border: none;
| + | |
- | width:910px;
| + | |
- | height:20px}
| + | |
| | | |
- | #p-logo {
| + | </script> |
- | position: absolute;
| + | |
- | display: none;}
| + | |
| | | |
- | #search-controls {
| + | <style type="text/css"> |
- | display: none;}
| + | |
| | | |
- | #menubar.left-menu {
| + | .menutitle{ |
- | position: absolute;
| + | cursor:pointer; |
- | top:0px;
| + | border-right:1px dotted #CCCCCC; |
- | left:0px;}
| + | display:inline; |
| + | margin-left:5px; |
| + | padding-right:5px; |
| + | align="center"; |
| + | color:#3671A1; |
| + | } |
| | | |
- | #menubar.right-menu {
| + | .submenu{ |
- | position: absolute;
| + | margin-bottom: 0.5em; |
- | top:0px;
| + | border-right:1px dotted #CCCCCC; |
- | right:0px;}
| + | display:inline; |
| + | margin-left:5px; |
| + | padding-right:5px; |
| + | align="center"; |
| + | } |
| + | </style> |
| + | </head> |
| + | <body> |
| | | |
| + | <div id="masterdiv"> |
| + | <div class="menutitle" onclick="SwitchMenu('sub1')">Project idea</div> |
| + | <div class="menutitle" onclick="SwitchMenu('sub2')">Lab work</div> |
| | | |
- | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
| + | <span class="submenu" id="sub1"> |
- | color: #000000;}
| + | ↳ <a href="new.htm">Introduction2</a> |
| + | <a href="hot.htm">Pre-study</a> |
| + | <a href="revised.htm">Proteins</a> |
| + | <a href="morezone/">Future work</a> |
| + | </span> |
| | | |
- | #footer-box {
| |
- | width:900px;}
| |
| | | |
- | body {
| |
- | background-color: #555555}
| |
| | | |
- | .firstHeading {
| + | <span class="submenu" id="sub2"> |
- | display: none;}
| + | ↳ <a href="new.htm">Introduction</a> |
- | | + | <a href="hot.htm">Pre-study</a> |
- | #content {
| + | <a href="revised.htm">Proteins</a> |
- | width: 900px;
| + | <a href="morezone/">Future work</a> |
- | border: none;
| + | </span> |
- | font-family: helvetica, arial, sans-serif;
| + | </div> |
- | color: #555555}
| + | |
- | | + | |
- | #title {
| + | |
- | width:900px;
| + | |
- | height:55px;
| + | |
- | position: relative;
| + | |
- | top: 0px;
| + | |
- | left: 0px;}
| + | |
- | | + | |
- | #paralogo {
| + | |
- | width:400px;
| + | |
- | height:50px;
| + | |
- | position: relative;
| + | |
- | top: 0px;
| + | |
- | left: 20px;}
| + | |
- | | + | |
- | #implogo {
| + | |
- | width:200px;
| + | |
- | height:50px;
| + | |
- | position: absolute;
| + | |
- | top: 0px;
| + | |
- | left: 435px;}
| + | |
- | | + | |
- | #igemlogo {
| + | |
- | width:84px;
| + | |
- | height:50px;
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:615px;}
| + | |
- | | + | |
- | #csynbilogo {
| + | |
- | width:205px;
| + | |
- | height:50px;
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:695px;}
| + | |
- | | + | |
- | #menu {
| + | |
- | width:900px;
| + | |
- | height:150px;
| + | |
- | position: relative;
| + | |
- | top: 20px;
| + | |
- | left: 0px;}
| + | |
- | | + | |
- | #menuback {
| + | |
- | width:100px;
| + | |
- | height:150px;
| + | |
- | position: absolute;
| + | |
- | top: 0px;
| + | |
- | left: 0px;
| + | |
- | background-color: #ea8828}
| + | |
- | | + | |
- | #headpic {
| + | |
- | width:800px;
| + | |
- | height:150px;
| + | |
- | position: absolute;
| + | |
- | top: 0px;
| + | |
- | left: 100px;
| + | |
- | background-image: url('https://static.igem.org/mediawiki/2010/5/54/Imperialigemheadone.jpg'); }
| + | |
- | | + | |
- | #headover {
| + | |
- | width: 800px;
| + | |
- | height:50px;
| + | |
- | position: absolute;
| + | |
- | top: 100px;
| + | |
- | left: 0px;
| + | |
- | background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
| + | |
- | | + | |
- | a {
| + | |
- | outline:none;}
| + | |
- | | + | |
- | #headtit{
| + | |
- | font-family: helvetica, arial, sans-serif;
| + | |
- | font-size: 1.2em;
| + | |
- | color: #ffffff;
| + | |
- | position: absolute;
| + | |
- | top: 0.5em;
| + | |
- | right: 1.4em;}
| + | |
- | | + | |
- | .dark{
| + | |
- | color: #dddddd;}
| + | |
- | | + | |
- | .highlight{
| + | |
- | color: #ea8828;}
| + | |
- | | + | |
- | #menulist{
| + | |
- | position: absolute;
| + | |
- | top: 16px;
| + | |
- | left: 3px;
| + | |
- | list-style: none;}
| + | |
- | | + | |
- | #menulist li{
| + | |
- | height: 30px;
| + | |
- | }
| + | |
- | | + | |
- | #menulist li a{
| + | |
- | font-weight: 100;
| + | |
- | font-size: 1.2em;
| + | |
- | text-decoration: none;
| + | |
- | font-family: helvetica, arial, sans-serif;
| + | |
- | color: #ffffff;}
| + | |
- | | + | |
- | #headover ul{
| + | |
- | list-style: none;
| + | |
- | display: none;
| + | |
- | position: absolute;
| + | |
- | top: 1.2em;
| + | |
- | left: 0.2em;
| + | |
- | }
| + | |
- | | + | |
- | #headover ul ul{
| + | |
- | position: absolute;
| + | |
- | top:-0.2em;
| + | |
- | left: 10em;}
| + | |
- | | + | |
- | #headover ul li{
| + | |
- | height: 2.4em;
| + | |
- | }
| + | |
- | | + | |
- | #headover ul li a{
| + | |
- | font-weight: 100;
| + | |
- | font-size: 1.2em;
| + | |
- | text-decoration: none;
| + | |
- | font-family: helvetica, arial, sans-serif;
| + | |
- | color: #dddddd;}
| + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id='title'>
| + | |
- | <div id='paralogo'>
| + | |
- | <a href='https://2010.igem.org/Team:Imperial_College_London'>
| + | |
- | <img src='https://static.igem.org/mediawiki/2010/9/9f/ICparalogo.png'>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | <div id='implogo'>
| + | |
- | <a href='http://www3.imperial.ac.uk/'>
| + | |
- | <img src='https://static.igem.org/mediawiki/2010/8/84/ICLlogo1.png'>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | <div id='igemlogo'>
| + | |
- | <a href='https://2010.igem.org/Main_Page'>
| + | |
- | <img src='https://static.igem.org/mediawiki/2010/7/7d/ICLlogo2.png'>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | <div id='csynbilogo'>
| + | |
- | <a href='http://www3.imperial.ac.uk/syntheticbiology'>
| + | |
- | <img src='https://static.igem.org/mediawiki/2010/7/7f/ICLlogo3.png'>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id='menu'>
| + | |
- | <div id='menuback'>
| + | |
- | <ul id='menulist'>
| + | |
- | <li><a href='#' class='listhead' id='project'>Project</a></li>
| + | |
- | <li><a href='#' class='listhead' id='plan'>Plan</a></li>
| + | |
- | <li><a href='#' class='listhead' id='results'>Results</a></li>
| + | |
- | <li><a href='#' class='listhead' id='extra'>Extras</a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div id='headpic'>
| + | |
- | <div id='headover'>
| + | |
- | <p id='headtit'>Parasight<span class='dark'> <span class='highlight'>|</span> Parasite detection with a rapid response</span></p>
| + | |
- | <ul class='project'>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London' class='listmain' id='results'>Overview</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Modules' class='listmain' id='results'>Modules</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Diary/Week_One' class='listmain' id='project'>Diary</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Human_Practices/Workshop' class='listmain' id='results'>Human Practices</a></li>
| + | |
- | <ul class='project'>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Chassis' class='listmain' id='results'>Chassis</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Schistosoma' class='listmain' id='results'>Schistosoma</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Research' class='listmain' id='results'>Research</a></li>
| + | |
- | </ul>
| + | |
- | </ul>
| + | |
- | <ul class='plan'>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Strategy' class='listmain' id='results'>Strategy</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Modelling' class='listmain' id='results'>Modelling</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Protocol' class='listmain' id='results'>Lab Protocols</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Lab_Diaries/XylE_team' class='listmain' id='results'>Lab Diaries</a></li>
| + | |
- | <ul class='plan'>
| + | |
- | </ul>
| + | |
- | </ul>
| + | |
- | <ul class='results'>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Results' class='listmain' id='results'>Results</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Parts' class='listmain' id='results'>Parts</a></li>
| + | |
- | </ul>
| + | |
- | <ul class='extra'>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/The_Team' class='listmain' id='results'>The Team</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' class='listmain' id='results'>Media</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/School_Workshops' class='listmain' id='results'>School Workshops</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' class='listmain' id='results'>Software Tool</a></li>
| + | |
- | <ul class='extra'>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li>
| + | |
- | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Brainstorming' class='listmain' id='results'>Brainstorming</a></li>
| + | |
- | </ul>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| </body> | | </body> |
| </html> | | </html> |