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

Forum statistics

Threads
473,994
Messages
2,570,223
Members
46,812
Latest member
GracielaWa

Latest Threads

Top