JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > JavaScript Development
Reload this Page

DHTML navigation...functional in NN4

Discuss DHTML navigation...functional in NN4 in the JavaScript Development forum on Dev Shed.
DHTML navigation...functional in NN4 JavaScript Development forum discussing JavaScript and DHTML, AJAX, and issues such as coding cross-browser JavaScript.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old December 17th, 2001, 01:50 PM
KSEB KSEB is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Apr 2001
Location: Boston, MA
Posts: 15 KSEB User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation 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>
Reply With Quote
  #2  
Old December 18th, 2001, 03:53 PM
diggity diggity is offline
Just Diggity
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Nov 2001
Location: Sherman Oaks, CA
Posts: 126 diggity User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 7
Sorry, there's no way to do this in NS 4
__________________
Dave Pedowitz
Reply With Quote
  #3  
Old December 19th, 2001, 06:58 AM
mrrichardfeder mrrichardfeder is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Nov 2001
Posts: 765 mrrichardfeder User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 45 sec
Reputation Power: 7
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
File Type: zip yetanothermenu.html.zip (1,019 Bytes, 172 views)
Reply With Quote
  #4  
Old December 19th, 2001, 08:28 AM
KSEB KSEB is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Apr 2001
Location: Boston, MA
Posts: 15 KSEB User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation 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.
Reply With Quote
  #5  
Old December 19th, 2001, 10:57 PM
mrrichardfeder mrrichardfeder is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Nov 2001
Posts: 765 mrrichardfeder User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 45 sec
Reputation Power: 7
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
File Type: zip another_menu.html.zip (1.6 KB, 179 views)
Reply With Quote
  #6  
Old December 20th, 2001, 08:31 AM
KSEB KSEB is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Apr 2001
Location: Boston, MA
Posts: 15 KSEB User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation 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!
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > JavaScript Development > DHTML navigation...functional in NN4

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 2 hosted by Hostway. 
Stay green...Green IT