Javascript, wacht en dan toon iframe

[janton]

Beste Java-ers

Ik ben beginnner.. en loop ergens tegen aan!
Misschien dat jullie mij kunnen helpen.

Ik wil graag een iframe van een externe website tonen, alleen na 5 seconden!
Hierbij moet ik zeggen ik werk met joomla en voeg deze code in mijn content(tekst).

Ik heb een stukje geschreven, maar het resultaat is dat de hele pagina naar de iframe gaat!
Dus het verschijnt niet in mijn tekst, maar de browser gaat naar iframe website.

wat doe ik verkeerd?

<SCRIPT language="JavaScript">
<!--

function GA() { document.write('<div style="text-align: center;"><iframe width="600" scrolling="no" height="125" frameborder="0" src="http://www.test.nl/" marginheight="0" marginwidth="0" name="test"></iframe></div>');


setTimeout(function(){GA();}, 5000);

-->
</SCRIPT>

 

[Glest]

document.write kun je niet gebruiken nadat de body tag is gesloten. Als je dat doet wordt een nieuwe pagina beschreven en wordt je oude als het ware weg gegooid.

Dat is ook wat jij ziet, je bent niet echt op de nieuwe pagina, maar het enige op de pagina is dat iframe.

Het beste wat je kunt doen is zoiets:

'<div [COLOR="Red"]id="iframeDiv"[/COLOR] style="text-align: center;"><iframe width="600" scrolling="no" height="125" frameborder="0" src="http://www.test.nl/" marginheight="0" marginwidth="0" name="test"></iframe></div>

<script [COLOR="Red"]type="text/javascript"[/COLOR]>
//<![CDATA[
var iframeDiv = document.getElementById("iframeDiv");
iframeDiv.style.visibility = "none";

window.setTimeout("iframeDiv.style.visibility = 'block';", 5000);
//]]>
</script>

Het iframe staat altijd in het document, vervolgens wordt het ontzichbaar gemaakt (voor mensen zonder javascript blijft het zichtbaar) en daarna wordt het na 5 seconden weer zichtbaar gemaakt. Mocht je geen javascript hebben, dan is het iframe vanaf het begin zichtbaar.

 

[janton]

ok dankje!

Ik doe waarschijnlijk iets verkeerd... het werkt nog niet hoe het hoord.

Waar moet ik de code plaatsen? In een .js bestand? of gewoon in de html?

 

[Glest]

gewoon in de html. Ik zie trouwens dat er een enkele quote staat bovenaan mijn code, die hoort daar niet. Dus dan wordt het dit:

<div id="iframeDiv" style="text-align: center;"><iframe width="600" scrolling="no" height="125" frameborder="0" src="http://www.test.nl/" marginheight="0" marginwidth="0" name="test"></iframe></div>

<script type="text/javascript">
//<![CDATA[
var iframeDiv = document.getElementById("iframeDiv");
iframeDiv.style.visibility = "none";

window.setTimeout("iframeDiv.style.visibility = 'block';", 5000);
//]]>
</script>