play @ static·red | darren james harkness

Current Projects

Edmonton Weather

>>Le blog.

speakeasy archives

update to the menubar

<< *mutter* stupid people | Main | using RSS news feeds >>

finally got the menubar to work in Opera and NS... view more for source & implementation. I'll implement it on this site over the next couple of days... If you use this script, please let me know. ;)

The script (save as /js/menu.js): var nav; cssAllowed=(document.getElementById||document.layers||document.all)?true:false; cssMessage="CSS not supported. Please upgrade your browser."; function layerObject(eID){ if(document.getElementById){this.css=document.getElementById(eID).style;} else if(document.layers){ this.css=document.layers[eID].style; nav="nn4" } else if(document.all){this.css=document.all[eID].style;} return this } var pasteID; function showHide(eID,on){ if(!cssAllowed){alert(cssMessage)} else{ myLayer=new layerObject(eID) if(on){ if (pasteID) { if (nav) { pasteID.visibility="hidden" } else { pasteID.css.visibility="hidden" } } if (nav) { document.layers[eID].visibility = 'show' pasteID = document.layers[eID] } else { myLayer.css.visibility="visible" pasteID = myLayer } } else{ myLayer.css.visibility="hidden" } } } Implementation: <html> <head> <style type="text/css"> .submenu { visibility: hidden; position: absolute; top: 90px; left: 30px; height: 20px; font-family: "verdana", "arial", "helvetica", sans-serif; font-size: 8pt; } </style> <link rel="text/javascript" href="/js/menu.js"> </head> <body>  <div ID="main" class="submenu"> </div> <div ID="sales" class="submenu"> Sales » <a href="/sales/resellers.shtml">Locate a reseller</a> | <a href="/sales/online.shtml">Buy Online</a> | <a href="http://merilus.com/sales/locatereseller.epl?region_id:1=154">Government Sales</a> | <a href="/sales/pricelist.shtml">Product Pricing</a> | <a href="/sales/join.shtml">Join us</a> </div> <div ID="products" class="submenu"> Products » <a href="/studies/">Case Studies</a> | <a href="/products/ggpro/">GG Pro</a> | <a href="/products/ggvpn/">GG VPN</a> | <a href="/products/ggent/">GG Enterprise</a> | <a href="/products/fc/">FireCard</a> | <a href="/products/fcplus/">FireCard Plus</a> | <a href="/products/fcext/">FireCard EXT</a> </div> <div ID="support" class="submenu"> Support » <a href="/support/updates.shtml">Product Updates</a> | <a href="/support/appnotes/">Application Notes</a> | <a href="/advisory/">Advisory System</a> | <a href="/support/contact.shtml">Phone and Email Support</a> </div> <div ID="resources" class="submenu"> Resources » <a href="/advisory/">Advisory System</a> | <a href="/developer/">Developer Connection</a> | <a href="/resources/links.shtml">External Links</a> </div> <div ID="about" class="submenu"> About » <a href="/about/history.shtml">History</a> | <a href="/about/directors.shtml">Board of Directors</a> | <a href="/about/investor.shtml">Investors</a> | <a href="/about/news.shtml">Press Releases</a> | <a href="/about/jobs.shtml">Careers</a> | <a href="/about/contact.shtml">Contact Us</a> </div> <div ID="downloads" class="submenu"> Downloads » Download our Inferno tool, and other Merilus software. </div> <div ID="careers" class="submenu"> Careers » We're always looking for great new talent... </div>   <table width="100%" cellspacing="0" cellpadding="5" border="0" bgcolor="white" class="nav"> <tr> <td bgcolor="silver" class="menu" id="foo" align="left"> <a href="/" onmouseover="showHide('main',true)">Home</a> | <a href="/sales/" onMouseOver="showHide('sales',true)">Sales</a> | <a href="/products/" onmouseover="showHide('products',true)">Products</a> | <a href="/support/" onmouseover="showHide('support',true)">Support</a> | <a href="/resources/" onmouseover="showHide('resources',true)">Resources</a> | <a href="/about/" onmouseover="showHide('about',true)">About Merilus</a> | <a href="/downloads/" onmouseover="showHide('downloads',true)">Downloads</a> | <a href="/about/jobs.shtml" onmouseover="showHide('careers',true)">Careers</a></td> </tr> <tr> <td bgcolor="silver" align="left">  </td> </tr> </table>

Posted by Darren James Harkness on Wednesday, January 23, 2002 03:05 PM

Trackbacks...

Comments:

Post a comment
* under no circumstances will your email address be traded for a sack of quarters. No-sirree.

Get around

» Archives
» Ask the Comic Book Guy

» Friends

    alan
    Christie
    delmar
    chrissie
    brian
    orion
    four colour commentary
    joe
    julie
    pam
    karen
    kevin e.
    anders
    dana
    natalie
    barry
    stephen
    michael
    dan
    dave

» Recommended

    hoshq
    dooce
    lance arthur
    leslie harpold
    the morning news
    littleyellowdifferent
    bluishorange
    martha
    ev
    zannah
    a flight risk
    jayme
    natalie-dee!
    harrumph
    d100.ca
    Photojunkie
    exploding dog
    low resolution
    [sub]Pixel.ca
    exitwound
    WoMD
    Vanilla Lime
    28mm.org

» Comics

    userfriendly
    sluggy
    GPF
    Angst Tech
    penny arcade
    goats
    sinfest

» News

    cnn
    google news
    indy news uk
    cbc
    geeknews
    slashdot
    ufies
    abbynews

» Archives by category

» Beginnings
» Blogs
» CSS and HTML
» Climbing
» Design
» Good Writing
» Hiking
» House
» Humour
» Miscellaneous
» Personal
» Photography
» Politics
» School
» Science
» Scripting
» Security
» Site changes
» Technology
» Writing

The content on this site is licensed under a Creative Commons license.