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!

Register Log in
  • Congratulations strongm 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

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
 
Sort by date Sort by votes
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
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jason.lex
  • Locked
  • Question
Bootstrap grid and columns question
Replies
0
Views
63
jason.lex
jason.lex
Krus1972
  • Locked
  • Question
Centering Content Within a Fixed Navigation Menu
Replies
10
Views
163
ChrisHirst
ChrisHirst
lupidol
  • Locked
  • Question
What does a question mark (?) stands for in ancho tag ? 1
Replies
2
Views
236
lupidol
lupidol
Katerine
  • Locked
  • Question
CSS question: Displaying 2-level unordered lists in a table layout? 1
Replies
7
Views
124
Katerine
Katerine
GRIFFIJ
  • Locked
  • Question
Centering navigation bar
Replies
2
Views
67
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top