Iframe (again perhaps)

[Jopi]

Hi,
I'm new to Webdesigner.
I would like to be able to control content in an Iframe via buttons. I attach a jpg to make clear what i am looking for.
Can this be done in Webdesigner ?

[Soquili]

Hi Jopi,

Welcome to Talkgraphics.

Yes you can easily do that is Web Designer.

Use a placeholder object for the iFrame and use the Replace with html option in Web Properties. Use code similar to the following:

 
<iframe name=myiFrame  width=400 height=400 scrolling=no frameborder=0 marginheight=0 marginwidth=0></iframe>

For your buttons to control the content have their links open in the iframe.

See attached images.

[covoxer]

I would suggest to set width and height to "100%" in the <iframe> element. This way it will be the same size as the placeholder, so that you can conveniently resize it.

[Soquili]

Thanks John.

[Soquili]

A simple example using an iFrame and some buttons.

One of the buttons is a link to download a zipped copy of the .web file used to create the page.

iFrame Example

[Jopi]

Many Thanks Soquili !
Didn't think it was that simple.

Jopi

[Jopi]

Soquili,

One additional question.
If I want to put my own content in the iframe: Where do i put it within the webdesigner layout without it showing up as a webpage.

An example of what I want to achieve : http://www.grafixprint.be/od_lichtbakken.htm
I built this in dreamweaver but would prefer to use the simpler approach of Webdesigner in the future.

[Soquili]

Jopi,

You can create a webpage as part of your Web Designer project but do not provide a direct link to the page. Use the page URL to open in the iframe the same as any page from another site would be used.

[Jopi]

Iframes working fine now. Thanks for the help.

I have one request : When the page opens with the Iframe the frame is empty. Content only shows when clicking on one of the buttons.
Is there a way to have a 'start' page in this Iframe ??

[steve.ledger]

Yes

<iframe name=myiFrame src=start.htm width=100% height=100% scrolling=no frameborder=0 marginheight=0 marginwidth=0></iframe>

The start.htm can be a named page in your current .web document or even a prepared image. In which case you would enter src=start.jpg (for example)