Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Question about tabbed navigation menus.

Status
Not open for further replies.

Chelsea7

Programmer
Aug 25, 2008
69
US
Hello, does anyone know of a good tutorial for creating Tabbes Navigation Menus for webpages. Basically, I to be able to click on the tabs for the external html pages to appear under the menus. I know it can be done if you are using anchor id's on the same webpage. But I need to access the external html files. When I tried to do this the tabs work using CSS imbeded then the detination page appears without the menus. Do I have to copy the menu to every page? So that the menu tabs appear and the contents below it? I'd rather not use frames if possible.

Thank you,
Chelsea
 
Hi Chelsea,
you can do this using iframes. See the code below :-

Code:
<html>

<head>
<title>Example of Iframe</title>
</head>

<body>
<h1>Welcome to iframe example</h1>

<p>
<a href="[URL unfurl="true"]http://www.google.com"[/URL] target="myframe">Google</a> 
| <a href="[URL unfurl="true"]http://www.yahoo.com"[/URL] target="myframe">Yahoo</a> 
| <a href="[URL unfurl="true"]http://www.javascriptkit.com/howto/externalhtml.shtml"[/URL] target="myframe">Javascriptkit.com</a>
</p>

<iframe name="myframe" width="100%" height="100%"></iframe>

</body>
<html>

When you click on the links the external pages load into the iframe.

The 3rd link ( the javascriptkit.com one ) is where I got this info from.

Hopes this gets you going in the right direction

datamasher: Steve
 
Well there are many alternatives to frames if you really don't want to use them.

Having full pages with menu and content is one option.

You can also use server side programming to call in the pages, or use CSS, and have all content in a single page, and only display, the one you want, of course that could bloat up the page quite a bit.


Personally I would use Server -Side scripting bit that's juts me.



----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top