Tweet
how to open multiple pages in one i-frame?
hi, can anyone tell me how I do this? want to navigate via one i-frame on the home page for as much as possible.
Henk
Henk
-
-
Re: how to open multiple pages in one i-frame?
Take a look at tips and tricks forum, Navaldesign has posted a very good tutorial for exactly what you are looking for.
You can see a working demo here -
Re: how to open multiple pages in one i-frame?
thanks but that`s exactly the opposite of what I`m trying to do isn`t it?
I want to use one i-frame for as much sub pages as possible.
check www.heinhenderson.com/home.html and see what I mean please
ThanksComment
-
Re: how to open multiple pages in one i-frame?
My contact form demo consists of 1(one) I-frame and as many sub pages
that I wish, so that users do not have to go to any other page unless they wish.
I thought that, that was what you were looking for ?????????????
You can have a dropdown menu list or text links so that people can view different news items ALL from your home page..................Comment
-
Re: how to open multiple pages in one i-frame?
i know how to do it in dream weaver if you have it.Comment
-
Re: how to open multiple pages in one i-frame?
Step 1
You have your table where you want to instert an iframe, I did a quick example below:
Content
Content here
Content here
Content here
Content here
Content here
Step 2
We now need to delete the content "Content here" text and inset an iframe. This can be done by inserting 1 line of page and creating a new page.
Insert this code: <iframe src="content.html" name="iframe" width="272" height="170" frameborder="0"></iframe>
Step 3
If you have used my content table example the code should look like below:
<table width="272" border="1" cellspacing="0" cellpadding="0" bordercolor="#A2A2A2" style="border-collapse: collapse">
<tr>
<td bgcolor="#F0F0F0"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Content</font></td>
</tr>
<tr>
<td> <iframe src="content.html" name="iframe" width="272" height="170" frameborder="0"></iframe></td>
</tr>
<tr>
<td bgcolor="#F0F0F0"> </td>
</tr>
</table>
Step 4
We now need to create a content page, make a new page, type in some content and save as "content.html".
The iframe should now have the content.html page opened up inside it, my example is nearly complete and is show below:
Content
Step 5
Looks good doesn't it? I am going to take this tutorial one step further and add 2 new pages and 2 links.
What happens if you have more than one page on your website and you want to make a new page open up in the iframe?
Simple, just add this simple code in the link tag:
target="iframe"
So you have 3 links, say "News", "Jokes, & "Resources" on your website. Include the above code in their tag.
| Content | Jokes | Resources |
The Code:
| <a href="http://www.zymic.com/html/content.html" target="iframe2">Content</a>
| <a href="http://www.zymic.com/html/jokes.html" target="iframe2">Jokes</a>
| <a href="http://www.zymic.com/html/resources.html" target="iframe2">Resources</a>
Step 6
Now display the iframe on your page with the links and the pages will open up inside of the iframe! Click any link for an example!
| Content | Jokes | Resources |
ContentComment
-
Re: how to open multiple pages in one i-frame?
<a href="http://www.zymic.com/view_tutorial.php?id=82">http://www.zymic.com/view_tutorial.php?id=82 </a><br>go here to view it i can explain it more if you need more help.<br>Comment
Comment