#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Boston, MA
    Posts
    15
    Rep Power
    0

    Question DHTML navigation...functional in NN4


    Here's a simple piece of navigation I'm working on. It works in IE, of course NN is killing me. I am trying to write some JS to make it cross compatibile, but it's a mess. So I included my good IE version. Does anyone, PLEASE, have some suggestions for how to best make this work in NN?? You're help would be GREATLY appreciated! Thanks!

    <html>
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    .navGreen { font-family: arial; color: #000000; font-weight="500"; font-size: 11px; background-color : #99cc00; }
    .navGrey { font-family: arial; color: #000000; font-weight="500"; font-size: 14px; background-color : #cccccc; }
    .navBlue { font-family: arial; color: #000000; font-weight="500"; font-size: 11px; background-color : #000066; }
    a {text-decoration : none;}
    .active{visibility:visible; position:absolute; width:589px; height:18px; z-index:1; left: 14px; top: 41px}

    .inactive{visibility:hidden; position:absolute; width:589px; height:18px; z-index:1; left: 14px; top: 41px}

    </style>
    <script language="javascript">
    var i, x
    var net = document.getElementsByTagName('div')

    function activate(tag){
    for (x=0; x<net.length;x++){
    if (net.item(x).getAttribute("name")==tag || net.item(x).getAttribute("name2")==tag || net.item(x).getAttribute("name3")==tag){
    net.item(x).className="active"}
    }
    }


    function deactivate(tag){
    for (i=0;i<net.length;i++){
    net.item(i).className="inactive"};
    activate(tag);
    }

    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000">

    <table width="600" border="0" cellspacing="0" cellpadding="2">
    <tr>
    <td class="navGrey" bgcolor="#cccccc"><span ONCLICK="deactivate('layer1');" ONMOUSEOVER="this.style.color='black';this.style.backgroundColor='#99cc00'" ONMOUSEOUT="this.style.color='black';this.style.backgroundColor='#cccccc'">Self Service Center</span></td>
    <td class="navGrey"><span ONCLICK="deactivate('layer2');" ONMOUSEOVER="this.style.color='black';this.style.backgroundColor='#99cc00'" ONMOUSEOUT="this.style.color='black';this.style.backgroundColor='#cccccc'">Resources</span></td>
    <td class="navGrey"><span ONCLICK="deactivate('layer3');" ONMOUSEOVER="this.style.color='black';this.style.backgroundColor='#99cc00'" ONMOUSEOUT="this.style.color='black';this.style.backgroundColor='#cccccc'">Products</span></td>
    <td class="navGrey"><span ONCLICK="deactivate('layer4');" ONMOUSEOVER="this.style.color='black';this.style.backgroundColor='#99cc00'" ONMOUSEOUT="this.style.color='black';this.style.backgroundColor='#cccccc'">About us</span></td>
    <td class="navGrey"><span ONCLICK="deactivate('layer5');" ONMOUSEOVER="this.style.color='black';this.style.backgroundColor='#99cc00'" ONMOUSEOUT="this.style.color='black';this.style.backgroundColor='#cccccc'">Help & Contact us</span></td>
    <td class="navGrey"><span ONCLICK="deactivate('layer6');" ONMOUSEOVER="this.style.color='black';this.style.backgroundColor='#99cc00'" ONMOUSEOUT="this.style.color='black';this.style.backgroundColor='#cccccc'">Main page</span></td>
    </tr>
    <tr>
    <td colspan="5">
    <DIV CLASS="inactive" NAME="layer1"><table width="550" border="0" cellspacing="2" cellpadding="2">
    <tr>
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
    <td>Four</td>
    <td>Five</td>
    </tr>
    </table>
    </div>
    <div class="inactive" name="layer2"><table width="550" border="0" cellspacing="2" cellpadding="2">
    <tr>
    <td>Six</td>
    <td>Seven</td>
    <td>Eight</td>
    <td>Nine</td>
    <td>Ten</td>
    </tr>
    </table></div>
    <div class="inactive" name="layer3"><table width="550" border="0" cellspacing="2" cellpadding="2">
    <tr>
    <td>Eleven</td>
    <td>Twelve</td>
    <td>Thirteen</td>
    <td>Fourteen</td>
    <td>Fifteen</td>
    </tr>
    </table></div>
    <div class="inactive" name="layer4"><table width="550" border="0" cellspacing="2" cellpadding="2">
    <tr>
    <td>Eleven</td>
    <td>Twelve</td>
    <td>Thirteen</td>
    <td>Fourteen</td>
    <td>Fifteen</td>
    </tr>
    </table></div>
    <div class="inactive" name="layer5"><table width="550" border="0" cellspacing="2" cellpadding="2">
    <tr>
    <td>Eleven</td>
    <td>Twelve</td>
    <td>Thirteen</td>
    <td>Fourteen</td>
    <td>Fifteen</td>
    </tr>
    </table></div>
    <div class="inactive" name="layer6"><table width="550" border="0" cellspacing="2" cellpadding="2">
    <tr>
    <td>Eleven</td>
    <td>Twelve</td>
    <td>Thirteen</td>
    <td>Fourteen</td>
    <td>Fifteen</td>
    </tr>
    </table></div>

    </td>
    </tr>
    </table>

    </body>
    </html>
  2. #2
  3. No Profile Picture
    Just Diggity
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2001
    Location
    Sherman Oaks, CA
    Posts
    126
    Rep Power
    14
    Sorry, there's no way to do this in NS 4
    Dave Pedowitz
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Nov 2001
    Posts
    765
    Rep Power
    14
    Took a stab at this; it should give you some idea why anti-Navigator rants are so popular in venues like these. There's almost always a way to do things in NS4; the problem is: besides the time involved, should anyone who hasn't already gotten a handle on it invest the time now, since it's not going to be much of an addition to your skill set in 2002. Anyway, enjoy the layers...
    Attached Files
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Boston, MA
    Posts
    15
    Rep Power
    0
    MRICHARDFEDER,

    THANK YOU. I'VE ACTUALLY ALREADY COME UP WITH A WORK AROUND..IT'S INCREDIBLY LONG AND COMPLEX, BUT IT WORKS..SORT OF! AND NETSCAPE & I ARE NOT ANY CLOSER TO BEING FRIENDS.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Nov 2001
    Posts
    765
    Rep Power
    14
    KSEB -

    Hmmm...downloaded that 'menu' that I zipped above only to find that - it was the same one you posted! Sorry if that seemed pointless; I messed up somewhere. Anyhow, if you're still out there (glad you got it solved)...
    Attached Files
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Boston, MA
    Posts
    15
    Rep Power
    0
    mrrichardfeder,

    I just appreciate getting someone else's input on some of this stuff. A solution would have been great, but not always expected
    . I solved the functionality part for all browsers, but the dynamic background color is still iffy. Momentarily I'm bugging some of our IT guys for a solution, but even they haven't had much luck... c'est la vie! I can't wait until I don't have to worry about Netscape 4x any longer..

    Thanks!

IMN logo majestic logo threadwatch logo seochat tools logo