hey allemaal,

ik gebruik onderstaand script voor een webaplicatie, maar het 'bezig met laden' textje werkt maar half. Want de afbeeldingen zijn nog niet geladen als het textje weg gaat, ziet er best raar uit,

zou iemand me kunnen helpen?

Greetz


javascript in php colorcoding:

<?php
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}

var http = createRequestObject();

function openPagina(actie) {
http.open('get', actie+'.php');
vorige = actie;
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse() {
if(http.readyState == 4){ //dat betekend toch dat ook de afbeeldingen zijn geladen??? :-s
var response = http.responseText;

if(response) {
document.getElementById('main').innerHTML = http.responseText;
}
}
else
{
document.getElementById('main').innerHTML = 'Bezig met laden...';
}
}
?>
regel 22 vervangen door: http.status == 200 werkt ook niet.

Iemand anders?
Je images gaan los van de inhoud. Wil je die ook eerst laden, dan moet je voordat je de inhoud (responseText) op het scherm zet en de loadingtekst weghaalt eerst responseText afzoeken op afbeeldingen, het adres eruit vissen, dat gaan preloaden (Google: [google]javascript image preload[/google]) en dan de gepreloadde image-objecten op de plekken van de afbeeldingen plaatsen en dan pas de uitvoer weergeven.
wow, ik wist niet dat het zo ingewikkeld was, maar als er geen andere mogelijkheid is, zullen we binnekort hier is mee aan de slag gaan...

Reageren