Team:Alberta/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 212: Line 212:
     $(".subMenu").css("display","none");
     $(".subMenu").css("display","none");
         $(menu).css("display","block");
         $(menu).css("display","block");
-
alert("This index: " + $("li.headerMenu").index( parent ) );
+
    $(menu).css("top", 30 * $("li.headerMenu").index( parent ) ) );
      
      
}
}
Line 228: Line 228:
-
<li class="headerMenu" onMouseOver="showSubMenu(contactSub);"><a href="#"><span>Project</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(contactSub, this);"><a href="#"><span>Project</span></a></li>
<div  class="subMenu" id="contactSub">
<div  class="subMenu" id="contactSub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li>
Line 241: Line 241:
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(partsSub);"><a href="#"><span>Parts</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(partsSub, this);"><a href="#"><span>Parts</span></a></li>
<div  class="subMenu" id="partsSub">
<div  class="subMenu" id="partsSub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>
Line 247: Line 247:
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(diarySub);"><a href="#"><span>Notebook</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(diarySub, this);"><a href="#"><span>Notebook</span></a></li>
<div  class="subMenu" id="diarySub">
<div  class="subMenu" id="diarySub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Notebook"><span>Journal</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Notebook"><span>Journal</span></a></li>
Line 254: Line 254:
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(outreachSub);"><a href="#"><span>Outreach</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(outreachSub, this);"><a href="#"><span>Outreach</span></a></li>
<div  class="subMenu" id="outreachSub">
<div  class="subMenu" id="outreachSub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Humanpratices"><span>Human Pratices</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Humanpratices"><span>Human Pratices</span></a></li>
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(sponsorsSub);"><a href="#"><span>Sponsors</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(sponsorsSub, this);"><a href="#"><span>Sponsors</span></a></li>
<div  class="subMenu" id="sponsorsSub">
<div  class="subMenu" id="sponsorsSub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Sponsors"><span>About Sponsors</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Sponsors"><span>About Sponsors</span></a></li>

Revision as of 19:39, 25 September 2012