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

setInterval functie herhalen lukt niet

brechtjah - 18/05/2008 16:23 (laatste wijziging 18/05/2008 16:53)

Nieuw lid

Ik heb dit preload scriptje maar voor de een of andere reden werkt dit niet... Ik wil dat hij om de 50 miliseconden checkt of de afbeelding geladen is of niet... Maar dit doet hij niet, hij stopt na 1 maal.

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

<html>
	<head>
		<title>preloader4.htm</title>
	</head>

	<body>
		<div id="divImages" style="display: none;">
			<img name="circle" src="http://scifi.epfl.ch/webdata/google_logo.jpg">
		</div>

	<script language="JavaScript">
		<!--
		function checkComplete() {
			if(document.circle.complete == true) {
			document.write("Image loaded.");
			divImages.style.display='inline';
			}

			if(document.circle.complete == false) {
			document.write("Image not loaded.");
			}
		}

		checkComplete();
		setInterval("checkComplete();", 50);
		-->
	</script>
</html>

<html>
	<head>
		<title>preloader4.htm</title>
	</head>
 
	<body>
		<div id="divImages" style="display: none;">
			<img name="circle" src="http://scifi.epfl.ch/webdata/google_logo.jpg">
		</div>
 
	<script language="JavaScript">
		<!--
		function checkComplete() {
			if(document.circle.complete == true) {
			document.write("Image loaded.");
			divImages.style.display='inline';
			}
 
			if(document.circle.complete == false) {
			document.write("Image not loaded.");
			}
		}
 
		checkComplete();
		setInterval("checkComplete();", 50);
		-->
	</script>
</html>

EDIT:
Ik heb hier en daar wat veranderd en dit werkt wel?

Waarom?

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

<html>
	<head>
		<title>preloader4.htm</title>
	</head>

	<body>
		<div id="divImages" style="display: none;">
			<img id="circle" src="http://scifi.epfl.ch/webdata/google_logo.jpg">
		</div>

	<script language="JavaScript">
		
		function checkComplete() {
			var objAfbeeldingske = document.getElementById('circle');

			if(objAfbeeldingske.complete == true) {
			document.title = "Image loaded.";
			divImages.style.display='inline';
			}

			if(objAfbeeldingske.complete == false) {
			document.title = "Image not loaded.";
			}
		}

		checkComplete();
		setInterval("checkComplete();", 50);
		checkComplete();
	</script>
</html>

<html>
	<head>
		<title>preloader4.htm</title>
	</head>
 
	<body>
		<div id="divImages" style="display: none;">
			<img id="circle" src="http://scifi.epfl.ch/webdata/google_logo.jpg">
		</div>
 
	<script language="JavaScript">
 
		function checkComplete() {
			var objAfbeeldingske = document.getElementById('circle');
 
			if(objAfbeeldingske.complete == true) {
			document.title = "Image loaded.";
			divImages.style.display='inline';
			}
 
			if(objAfbeeldingske.complete == false) {
			document.title = "Image not loaded.";
			}
		}
 
		checkComplete();
		setInterval("checkComplete();", 50);
		checkComplete();
	</script>
</html>

EDIT2:
Hmm, dit is hetgeen wat ik nu heb... Dit werkt zoals ik het wil, maar ik begrijp toch niet waarom die met document.write niet ging...

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

<html>
	<head>
		<title>preloader4.htm</title>
	</head>

	<body>
		<div id="divImages" style="display: none;">
			<img id="circle" src="http://scifi.epfl.ch/webdata/google_logo.jpg">
		</div>
		<div id="divLoading">
			<img src="1280x1024_new/1280x1024/1280x1024/load.gif" />
		</div>

	<script type="text/javascript">
		
		function checkComplete() {
			var objAfbeeldingske = document.getElementById('circle');

			if(objAfbeeldingske.complete == true) {
			divImages.style.display='inline';
			divLoading.style.display='none';
			}

			if(objAfbeeldingske.complete == false) {
			divLoading.style.display='inline';
			}
		}

		checkComplete();
		setInterval("checkComplete();", 50);
	</script>
</html>

<html>
	<head>
		<title>preloader4.htm</title>
	</head>
 
	<body>
		<div id="divImages" style="display: none;">
			<img id="circle" src="http://scifi.epfl.ch/webdata/google_logo.jpg">
		</div>
		<div id="divLoading">
			<img src="1280x1024_new/1280x1024/1280x1024/load.gif" />
		</div>
 
	<script type="text/javascript">
 
		function checkComplete() {
			var objAfbeeldingske = document.getElementById('circle');
 
			if(objAfbeeldingske.complete == true) {
			divImages.style.display='inline';
			divLoading.style.display='none';
			}
 
			if(objAfbeeldingske.complete == false) {
			divLoading.style.display='inline';
			}
		}
 
		checkComplete();
		setInterval("checkComplete();", 50);
	</script>
</html>

2 antwoorden

Gesponsorde links

Stijn - 18/05/2008 19:58
PHP expert		javascript code - Bekijk de code zonder highlighting - Klap code in setTimeout("functie();" , ms) setTimeout("functie();" , ms)

timmie_loots - 19/05/2008 00:44
PHP gevorderde		Dat is een andere functie stijn1989, setInterval bestaat ook gewoon en dient een ander doel. Het wordt helaas zelden gebruikt, vaker kom je constructies tegen waarbij men een functie aanroept met setTimeout(), die vervolgens diezelfde setTimeout() weer zet. Het probleem brechtjah wordt komt van de locatie van het script af. Hij staat op de verkeerde plek (namelijk in een niet afgesloten bodytag), en dat betekend dat de document.write() de complete inhoud van de body weggooit (ik weet niet precies wanneer dit gedrag zich voordoet, maar ik raad het gebruik van document.write() dan ook sowieso af). Het script verdwijnt ook en de setInterval roept hij nooit aan.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten