Team:Wash U/Temp

From 2009.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
<ul class="makeMenu">
+
{{WashUback}}
-
  <li>&gt;&gt; Lips
+
<html>
-
    <ul>
+
<head>
-
      <li><a href="cat.html">Cat</a></li>
+
<title>Advanced Menu Bar</title>
-
      <li><a href="rabbit.html">Rabbit</a></li>
+
<!-- Advanced Menu Bar Generated by SearchBliss.com - Copyright 2002 - All Rights Reserved -->
-
      <li><a href="dingo.html">Dingo</a></li>
+
<script language="JavaScript">
-
    </ul>
+
<!--
-
  </li>
+
function MM_preloadImages() { //v3.0
-
   <li>&gt;&gt; Ears
+
   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
-
     <ul>
+
     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
-
      <li>Elephant &gt;&gt;
+
     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
-
        <ul>
+
-
          <li><a href="indian.html">Indian</a></li>
+
-
          <li><a href="african.html">African</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="monkey.html">Monkey</a></li>
+
-
      <li><a href="dog.html">Dog</a></li>
+
-
    </ul>
+
-
  </li>
+
-
  <li>&gt;&gt; Eyes
+
-
     <ul>
+
-
      <li><a href="pig.html">Pig</a></li>
+
-
      <li><a href="bird.html">Bird</a></li>
+
-
      <li><a href="worm.html">Worm</a></li>
+
-
    </ul>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<style type="text/css">
+
-
ul.makeMenu, ul.makeMenu ul {
+
-
  width: 80px;                /* sets the size of the menu blocks */
+
-
  border: 1px solid #000;      /* puts a black border around the menu blocks */
+
-
  background-color: #8aa;     /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
+
-
  padding-left: 0px;          /* stops the usual indent from ul */
+
-
  cursor: default;            /* gives an arrow cursor */
+
-
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
+
}
}
-
ul.makeMenu li {
 
-
  list-style-type: none;      /* removes the bullet points */
 
-
  margin: 0px;                /* Opera 7 puts large spacings between li elements */
 
-
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
 
-
                                  the lack of offset makes these appear normal, but it will make a difference
 
-
                                  to the absolutely positioned child blocks */
 
-
  color: #fff;                /* sets the default font colour to white */
 
-
}
 
-
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
 
-
  display: none;              /* hides child menu blocks - one of the most important declarations */
 
-
  position: absolute;          /* make child blocks hover without leaving space for them */
 
-
  top: 2px;                    /* position slightly lower than the parent menu item */
 
-
  left: 80px;                  /* this must not be more than the width of the parent block, or the mouse will
 
-
                                  have to move off the element to move between blocks, and the menu will close */
 
-
}
 
-
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
 
-
  background-color: #ffa;      /* gives the active menu items a yellow background */
 
-
  color: #000;                /* makes the active menu item text black */
 
-
}
 
-
ul.makeMenu ul.CSStoShow {    /* must not be combined with the next rule or IE gets confused */
 
-
  display: block;              /* specially to go with the className changes in the behaviour file */
 
-
}
 
-
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
 
-
                                  the > targets only the child ul, not any child uls of that child ul */
 
-
  display: block;              /* makes the child block visible - one of the most important declarations */
 
-
}
 
-
/* and some link styles */
 
-
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
 
-
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
 
-
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */
 
-
</style>
 
-
<!--[if gt IE 5.0]><![if lt IE 7]>
 
-
<style type="text/css">
 
-
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
 
-
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
 
-
  behavior: url( IEmen.htc );
 
-
}
 
-
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
 
-
  display: none; position: absolute; top: 2px; left: 78px;
 
-
}
 
-
</style>
 
-
<![endif]><![endif]-->
 
-
  </li>
 
-
  <li><a href="accessibleLink.html">&gt;&gt; Noses</a>
 
-
    <ul>
 
-
      <li><a href="bat.html">Bat</a></li>
 
-
      <li><a href="fish.html">Fish</a></li>
 
-
      <li><a href="panther.html">Panther</a></li>
 
-
    </ul>
 
-
  </li>
 
-
</ul>
 
-
 
-
 
-
<attach event="onmouseover" handler="rollOver" />
+
function MM_findObj(n, d) { //v3.0
-
<attach event="onmouseout" handler="rollOff" />
+
   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-
<script type="text/javascript">
+
     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-
function rollOver() {
+
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
-
  //change the colour
+
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
-
   element.className += (element.className?' ':'') + 'CSStoHighlight';
+
-
  //change display of child
+
-
  for( var x = 0; element.childNodes[x]; x++ ){
+
-
     if( element.childNodes[x].tagName == 'UL' ) { element.childNodes[x].className += (element.childNodes[x].className?' ':'') + 'CSStoShow'; }
+
-
    if( element.childNodes[x].tagName == 'A' ) { element.childNodes[x].className += (element.childNodes[x].className?' ':'') + 'CSStoHighLink'; }
+
-
  }
+
}
}
-
function rollOff() {
+
function MM_nbGroup(event, grpName) { //v3.0
-
  //change the colour
+
   var i,img,nbArr,args=MM_nbGroup.arguments;
-
   element.className = element.className.replace(/ ?CSStoHighlight$/,'');
+
  if (event == "init" && args.length > 2) {
-
  //change display of child
+
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
-
  for( var x = 0; element.childNodes[x]; x++ ){
+
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
-
    if( element.childNodes[x].tagName == 'UL' ) { element.childNodes[x].className = element.childNodes[x].className.replace(/ ?CSStoShow$/,''); }
+
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
-
     if( element.childNodes[x].tagName == 'A' ) { element.childNodes[x].className = element.childNodes[x].className.replace(/ ?CSStoHighLink$/,''); }
+
      nbArr[nbArr.length] = img;
-
   }
+
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
 +
        if (!img.MM_up) img.MM_up = img.src;
 +
        img.src = img.MM_dn = args[i+1];
 +
        nbArr[nbArr.length] = img;
 +
    } }
 +
  } else if (event == "over") {
 +
    document.MM_nbOver = nbArr = new Array();
 +
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
 +
      if (!img.MM_up) img.MM_up = img.src;
 +
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
 +
      nbArr[nbArr.length] = img;
 +
    }
 +
  } else if (event == "out" ) {
 +
    for (i=0; i < document.MM_nbOver.length; i++) {
 +
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
 +
  } else if (event == "down") {
 +
     if ((nbArr = document[grpName]) != null)
 +
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
 +
    document[grpName] = nbArr = new Array();
 +
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
 +
      if (!img.MM_up) img.MM_up = img.src;
 +
      img.src = img.MM_dn = args[i+1];
 +
      nbArr[nbArr.length] = img;
 +
   } }
}
}
 +
//-->
</script>
</script>
 +
</head>
 +
<body bgcolor="#FFFFFF"  LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" onLoad="MM_preloadImages('down.gif','over.gif','up.gif')">
 +
<table border="0" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC">
 +
  <tr>
 +
    <td><a href="https://2009.igem.org/Team:Wash_U"><img name="menu1" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu2" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu3" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu4" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu5" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu6" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu7" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
  </tr>
 +
</table>
 +
<div id="Layer1" style="position:absolute; width:102px; height:17px; z-index:1; left: 6px; top: 7px" visibility: visible">
 +
  <div align="center"><a href="https://2009.igem.org/Team:Wash_U"  onClick="MM_nbGroup('down','group1','menu1','down.gif',1)" onMouseOver="MM_nbGroup('over','menu1','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2">Home</font></a></div>
 +
</div>
 +
<div id="Layer2" style="position:absolute; width:102px; height:17px; z-index:1; left: 122px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu2','down.gif',1)" onMouseOver="MM_nbGroup('over','menu2','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer3" style="position:absolute; width:102px; height:17px; z-index:1; left: 237px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu3','down.gif',1)" onMouseOver="MM_nbGroup('over','menu3','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer4" style="position:absolute; width:102px; height:17px; z-index:1; left: 352px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu4','down.gif',1)" onMouseOver="MM_nbGroup('over','menu4','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer5" style="position:absolute; width:102px; height:17px; z-index:1; left: 467px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu5','down.gif',1)" onMouseOver="MM_nbGroup('over','menu5','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer6" style="position:absolute; width:102px; height:17px; z-index:1; left: 582px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu6','down.gif',1)" onMouseOver="MM_nbGroup('over','menu6','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer7" style="position:absolute; width:102px; height:17px; z-index:1; left: 696px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu7','down.gif',1)" onMouseOver="MM_nbGroup('over','menu7','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
</body>
 +
</html>
 +
{{WashUbottom}}

Latest revision as of 20:43, 18 June 2009

Advanced Menu Bar