Addressing an IFRAME

[Migru]

Hi

I would like to get some more information on the addressing of iframes in combination with the menu.

In order to open the menu in an IFRAME you will need a custom JavaScript function. This function is very easy to integrate but it must be used in conjunction with the menu because it uses built in menu functions to get a reference to the IFRAME .
The function is called openIframe and it's parameters are IFrameID and URL

function openIFrame(IFrameID, URL){
ifId=gmobj(IFrameID)
ifId.location.href=URL // Opera Bug Fix. ifId.src=URL
}

This you can find here:
http://milonic.com/menusample11.php

With the actual release of the menu system the "targets" setting was
fixed.
See:http://milonic.com/menuvinfo.php

Encouraged by that I have recently set up a menu in an IFRAME, addressing a second IFRAME by using menu item "target" settings and specifying urls
url=file.html;target=_right; And there were no problems to do so. so far !!

Whereas it is recommended to use
url=javascript:openIFrame('tempiframe','path/file.htm');
I have used
url=file.html;target=_right;
(previously having defined the two iframes with names "_left" and "_right"; )

Code: Select all

<iframe  src="Startupfile.html" name= "_right" height="580" width="620" scrolling="auto" frameborder="1"></iframe>

Pls. see:

http://www.dhyg.de/download/testpage2.html


I would like to know, if the IFrameID of the menu system corresponds directly with the standard definition of the <iframe> name=" " </iframe> property and if the mode I am using it (as described ) may cause problems. (So far everything went smoothly). Comments on that ?

Michael

[kevin3442]

Hi,

IFrameID is more specifically the tag's id attribute, although the name attribute will work with some browsers, but only some. For example, if you only set the name attribute in the <iframe> tag (like in your example), then the function will not work with FireFox, but will with IE6. Best to cover all bases by setting both the name and the id attibute, to the same value. e.g.,

Code: Select all

<iframe  src="Startupfile.html" name= "_right" id="_right" height="580" width="620" scrolling="auto" frameborder="1"></iframe>

You may also have better luck with the function if you change

Code: Select all

ifId.location.href = URL;

to

Code: Select all

ifId.src = URL;

Honestly, I haven't done a lot with targeting iframes from the menu (mainly when testing to help other people). But when I have used iframes, using the target property (as you have) has always worked. I believe that most users who target content in an iframe using the menu also have success using the target property. I'm not sure why the function actually exists, unless it was the only way to do it early in the development of the menu (that may be it... but it's been a long time ago and I can't recall for certain). It may have also had to do with cross-browser compatibility using iframes, but if so, I think the target property makes that a thing of the past (just my hunch).

Hope that helps,

Kevin

[Migru]

Thank you,
in the beginning, i had both , an id and the name, with different values, made some tests with IE and FireFox, finally took out the id but after your comment I will return to my first version, but using both the "id" and the "name" property, as you suggested, with the same value !!.

Thank you for your post

Michael

[kevin3442]

Thank you for your post

Michael

You're welcome. Thank you Michael, for helping many other users. Well done!

Cheers,

Kevin

[speedfreak_be]

Hi,

I've been using all possible ways for it to work, but it doesn't.

Can someone visit my site and tell me what I'm doing wrong. Both the classic and work-around versions don't work.

The target=_myiframe doesn't target my iframe but the whole window
The url=javascript:openIFrame method doesn't work at all.

http://www.clubstylus.be/test2.html

Hope anyone can help as I'm really stuck with the site and the old one dissappears next month.

[Ruth]

Hi,

Can you post browser and OS with which the problem occurs? I just tried IE5.5 and FF1.2 and it works fine, I get a link in the little iframe.

Ruth

[Migru]

Hi

when i removed the id from the div,

Code: Select all

target=_right;

worked.

id=maindiv1 it seems is not accepted by the menu.

Michael


(I have replaced

<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 759px; POSITION: relative">

just with

<div align="center">, and took out one div end tag. )

Similar problem with position attribute:

Just wanted to let all you guys know that as Michael doubted the weared behaviour of the menu was because of position attribute value of div tags in different pages were set to either "absolute" or "relative".

After I got rid of position attribute of div tag, I needed to insert table's to postion the divs at the right place and every thing started working fine.

This comment you can find here:
http://milonic.com/forum/viewtopic.php?t=7125

[speedfreak_be]

Thanks a lot Migru, oh my god, I've been trying and swearing for days already, the part of code that caused this is a leftover from the automatically generated code from the hosts page builder.

If I ever can repay you.

I'm using IE 6.00 with SP1 and doesn't work, neither in firefox 1.0.4

Thanks a lot for everyone.

[Migru]

Hi

had, up to very recently , ff 1.04 installed,
but it is really important, particularly when you are using iframes and the milonic menu, to upgrade to ff 1.5 and request this from visitors of your site too! There are still some bugs with Opera, hopefully settled with Opera 9.

Michael

[speedfreak_be]

Thanks, will do so.

It works like a charm now.

Been trying and swearing all week on this.

[Migru]

Hi

you knwow, that you can place your main menu into a file (not the script tags), which you call for instance "embedded_main_menu.js" and then replace the code in your page by

Code: Select all

<SCRIPT TYPE="text/javascript" src ="embedded_main_menu.js"></SCRIPT>

Michael

It facilitates editing / updating the menu !!