iframe and Safari problem...

D

DanielESFA

Hey there :)

Making a little page... It's very simple, just a table with a bunch of stuff
in it, among these two iframes that I'm loading content in via a simple
javascript:

--

function showPage(page) {
switch(page) {
case 1: // 'generalinfo':
MM_swapImage('bt1con','','spacer-white.gif',0);
MM_swapImage('bt2con','','spacer.gif',0);
MM_swapImage('bt3con','','spacer.gif',0);
MM_swapImage('bt4con','','spacer.gif',0);
document.getElementById('tekst').src = "page1text.html";
document.getElementById('illu').src = "page1illu.html";
document.getElementById('tekst').height = 400;
break;
case 2: //'eventmap':
MM_swapImage('bt1con','','spacer.gif',0);
MM_swapImage('bt2con','','spacer-white.gif',0);
MM_swapImage('bt3con','','spacer.gif',0);
MM_swapImage('bt4con','','spacer.gif',0);
document.getElementById('tekst').src = "page2text.html";
document.getElementById('illu').src = "page2illu.html";
document.getElementById('tekst').height = 620;
break;
case 3: //'organizingcommittee':
MM_swapImage('bt1con','','spacer.gif',0);
MM_swapImage('bt2con','','spacer.gif',0);
MM_swapImage('bt3con','','spacer-white.gif',0);
MM_swapImage('bt4con','','spacer.gif',0);
document.getElementById('tekst').src = "page3text.html";
document.getElementById('illu').src = "page3illu.html";
document.getElementById('tekst').height = 280;
break;
case 4: //'cooppartners':
MM_swapImage('bt1con','','spacer.gif',0);
MM_swapImage('bt2con','','spacer.gif',0);
MM_swapImage('bt3con','','spacer.gif',0);
MM_swapImage('bt4con','','spacer-white.gif',0);
document.getElementById('tekst').src = "page4text.html";
document.getElementById('illu').src = "page4illu.html";
document.getElementById('tekst').height = 290;
break;
default:
break;
}
}

--

The 'tekst' and 'illu' elements are the iframes on the page, declared like
this:

--

<td width="360" align="left" valign="top" bgcolor="#FFFFFF">
<iframe id="tekst" name="tekst" title="tekst" frameborder="0"
marginwidth="0" marginheight="0" width="360" height="100"
scrolling="no">
</iframe>
</td>
<td width="210" align="left" valign="top" bgcolor="#FFFFFF">
<iframe id="illu" name="illu" title="illu" frameborder="0"
marginwidth="0" marginheight="0" width="210" height="100"
scrolling="no">
</iframe>
</td>

--

As you can see, the iframes are embedded in a table, but I don't know if
that's of any relevance.

Anyway, the problem is that in Safari, the content isn't loaded... It works
in Konqueror, though, which is kinda funny since Safari is based on
KHTML... Hmmm... Also works in Firefox, Mozilla, IE on Mac and Windows...
The changing of height works, so I know that the getElementById calls are
successful, it's just the .src prop that seems to go unnoticed by Safari.
No errors in the JavaScript console, either.

Please help if you can :)

Thank you,
Daniel.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,772
Messages
2,569,593
Members
45,112
Latest member
BrentonMcc
Top