|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
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
|
|||
|
|||
|
Sorry, there's no way to do this in NS 4
![]()
__________________
Dave Pedowitz |
|
#3
|
|||
|
|||
|
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...
|
|
#4
|
|||
|
|||
|
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. |
|
#5
|
|||
|
|||
|
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)... ![]() |
|
#6
|
|||
|
|||
|
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! ![]() |
![]() |
| Viewing: Dev Shed Forums > Web Design > JavaScript Development > DHTML navigation...functional in NN4 |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|