Results 1 to 7 of 7

Thread: how to open multiple pages in one i-frame?
      
   

  1. #1
    henk hazenberg is offline Corporal
    Join Date
    Oct 2006
    Posts
    16

    Cool 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

  2. #2
    Join Date
    Mar 2006
    Location
    Mallorca, Spain
    Posts
    6,313

    Default 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

  3. #3
    henk hazenberg is offline Corporal
    Join Date
    Oct 2006
    Posts
    16

    Default 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

    Thanks

  4. #4
    Join Date
    Mar 2006
    Location
    Mallorca, Spain
    Posts
    6,313

    Default 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..................

  5. #5
    j0sh710's Avatar
    j0sh710 is offline First Sergeant
    Join Date
    Feb 2006
    Location
    Ohio
    Posts
    74

    Default Re: how to open multiple pages in one i-frame?

    i know how to do it in dream weaver if you have it.
    http://www.rampshack.com
    Sliced/Coded/Manged
    Check me out in the gallery look for Josh!

  6. #6
    j0sh710's Avatar
    j0sh710 is offline First Sergeant
    Join Date
    Feb 2006
    Location
    Ohio
    Posts
    74

    Default 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">&nbsp;</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 |

    Content
    http://www.rampshack.com
    Sliced/Coded/Manged
    Check me out in the gallery look for Josh!

  7. #7
    j0sh710's Avatar
    j0sh710 is offline First Sergeant
    Join Date
    Feb 2006
    Location
    Ohio
    Posts
    74

    Default 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>
    http://www.rampshack.com
    Sliced/Coded/Manged
    Check me out in the gallery look for Josh!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49