Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Preloader

dimb - 06/02/2009 22:45

Nieuw lid

Hi,

Voor een gamesite wil ik eerst een banner laden (7sec) voordat de game zichtbaar wordt. Iemand enig idee hoe ik dat het beste kan doen?

php code - Bekijk de code zonder highlighting - Klap code in

                <div>
<object width="720" height="540">
<param name="movie" value="/files/773.swf" />
<param name="quality" value="high" />
<embed src="/files/773.swf" quality="high" width="720" height="540"></embed>
</object>
</div>

            
<div>
<object width="720" height="540">
<param name="movie" value="/files/773.swf" />
<param name="quality" value="high" />
<embed src="/files/773.swf" quality="high" width="720" height="540"></embed>
</object>
</div>
 

Dimby

5 antwoorden

Gesponsorde links

svm - 06/02/2009 23:01 (laatste wijziging 07/02/2009 11:13)

PHP ver gevorderde

Je kunt een div maken welke je na 7 seconden zichtbaar maakt, en ook onzichtbaar:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script language="javascript" type="text/javascript">
function reclame() {
 document.getElementById('filmDiv').style.display = 'block';
 document.getElementById('reclDiv').style.display = 'none';
}

function setRecl() {
 window.setTimeout(reclame, 7000);
}
</script>
            
<script language="javascript" type="text/javascript">
function reclame() {
 document.getElementById('filmDiv').style.display = 'block';
 document.getElementById('reclDiv').style.display = 'none';
}
 
function setRecl() {
 window.setTimeout(reclame, 7000);
}
</script>
 

De HTML:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<body onload="setRecl()">
<div id="filmDiv" style="display: none;">
<object width="720" height="540">
<param name="movie" value="/files/773.swf" />
<param name="quality" value="high" />
<embed src="/files/773.swf" quality="high" width="720" height="540"></embed>
</object>
</div>
<div id="reclDiv">
<img src="banner.gif" />
</div>

<body onload="setRecl()">
<div id="filmDiv" style="display: none;">
<object width="720" height="540">
<param name="movie" value="/files/773.swf" />
<param name="quality" value="high" />
<embed src="/files/773.swf" quality="high" width="720" height="540"></embed>
</object>
</div>
<div id="reclDiv">
<img src="banner.gif" />
</div>

P.s.
De code heb ik niet getest.

@Ibrahim
Ik zei al: niet getest.
Maar ik heb het aangepast en getest (IE en FF): nu werkt het.
Zoals je ziet heb ik alleen de parameters bij setTimeout() omgedraait: ik gebruik er eigenlijk altijd window voor, maar is inderdaad niet noodzakelijk.
Quotes horen er trouwens niet om als je achter de functienaam geen () zet: zo werkt hij goed.

Ibrahim - 07/02/2009 07:04
PHP expert		Bij setTimeout is de eerste parameter de functie en moet die tussen dubbele quotes of tussen function() { }, de tweede is de aantal miliseconden. En setTimeout hoeft niet te beginnen met window.

Koen - 07/02/2009 11:19
PHP expert		@SVM: Je vergist je, de eerste parameter is inderdaad de functienaam, maar deze moet tussen dubbele quotes zoals Ibrahim al opmerkte. Als je me niet gelooft, kijk zelf: http://www.w3sc...imeout.asp

svm - 07/02/2009 11:37 (laatste wijziging 07/02/2009 11:39)

PHP ver gevorderde

Klopt, maar (ik wil niet eigenwijs overkomen/zijn hoor) als ik het toepas op een functie zonder parameter, en dus ook () niet gebruikt hoeft te worden, werkt het blijkbaar wel.
Maar het kan zijn dat het dus wel werkt, maar als het ware niet gevalideerd is?
Maar goed, dan zou dus het uiteindelijk script worden:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script language="javascript" type="text/javascript">
function reclame() {
 document.getElementById('filmDiv').style.display = 'block';
 document.getElementById('reclDiv').style.display = 'none';
}

function setRecl() {
 window.setTimeout("reclame()", 7000);
}
</script>
            
<script language="javascript" type="text/javascript">
function reclame() {
 document.getElementById('filmDiv').style.display = 'block';
 document.getElementById('reclDiv').style.display = 'none';
}
 
function setRecl() {
 window.setTimeout("reclame()", 7000);
}
</script>
 

html4strict code - Bekijk de code zonder highlighting - Klap code in

<body onload="setRecl()">
<div id="filmDiv" style="display: none;">
<object width="720" height="540">
<param name="movie" value="/files/773.swf" />
<param name="quality" value="high" />
<embed src="/files/773.swf" quality="high" width="720" height="540"></embed>
</object>
</div>
<div id="reclDiv">
<img src="banner.gif" />
</div>

<body onload="setRecl()">
<div id="filmDiv" style="display: none;">
<object width="720" height="540">
<param name="movie" value="/files/773.swf" />
<param name="quality" value="high" />
<embed src="/files/773.swf" quality="high" width="720" height="540"></embed>
</object>
</div>
<div id="reclDiv">
<img src="banner.gif" />
</div>

P.s.
Toch bedankt voor het commentaar: dan pas ik het in het vervolg ook goed toe

Ibrahim - 07/02/2009 12:54 (laatste wijziging 07/02/2009 12:55)
PHP expert		Voor body onload="" is er een alternatief dat veel beter is: javascript code - Bekijk de code zonder highlighting - Klap code in window.onload = function() { // je code hier }; window.onload = function() { // je code hier }; Voor de dubbele quotes issue raad ik toch echt function() {} syntax aan

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten