PDA

Click to See Complete Forum and Search --> : Nav Bar

JonnyRPI
07-03-2003, 11:28 PM
I am having touble making a nav bar for my site. I would like the nav bar to change in the down state. I am having trouble correctly doing this, when i click on a button it goes to the page but does not change the nav bar at all. Is there a certain way of coding the nav bar that will carry over the states from page to page. Any help is greatly appreciated.

Thanks,
Jon
Jonathan
07-03-2003, 11:34 PM
I don't understand what you are asking.. do you have a web page or script that we could look at?

do you mean like the frame in this page?
click here (http://www.washoe.k12.nv.us/wooster/)
JonnyRPI
07-03-2003, 11:48 PM
Yes, but i would like the nav bar to be on the top of the page. I really liked the nav bar you showed me how can i accoplish something like that. Thanks for you quick reply.

Jon
Jonathan
07-03-2003, 11:52 PM
ok, just give me a second... let me see if i can figure it out..
Jonathan
07-04-2003, 12:11 AM
I think the easiest way to do this is to do the <IFRAME> command... let me write a code...
Jonathan
07-04-2003, 12:13 AM
<!-- This would be your index.html page-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>your title</title>
</head>

<body>
<iframe align="top" width="100%" height="15%" scrolling="no" src="your_frame_page1" name="a"></iframe>
<iframe align="top" width="100%" height="15%" scrolling="no" src="your_link_page" name="b"></iframe>
<iframe align="top" width="100%" height="70%" scrolling="auto" src="your_main_page" name="c"></iframe>
</body>
</html>

<!--THEN!!!-->
<!-- when you want iframe 'b' change (which is another page) put this in the <a> tag -->

<a href="your_page" onclick="parent.b.location='your_page1.html'; parent.c.location='your_page2.html';">Your Text</a>

<!-- THEN!!! -->
<!-- your link page would look something like this -->
<!-- this would be your your_frame_page1.html page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>your title</title>
</head>

<body>
<!-- in these table links you use the links that I showed you above (how to format) -->
<table>
<tr>
<td align=left><a href="#" onclick="what I showed you">Your words</a>
<td align=left><a href="#" onclick="what I showed you">Your words</a>
<!-- You can put as much links as you want, but it has to fit the page -->
</tr>
</table>

<!-- THEN!!! -->
<!-- Your html page will appear in the iframe c command -->
<!-- this would be the other one -->