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