Empêcher l'affichage de la page blanche pendant le chargement de la page suivante

**FoxDeltaSierra** · 22/09/2012, 18h31

Bonjour à tous,

Je suis à la recherche d'une méthode pour empêcher la page blanche entre le moment ou vous cliquez sur un lien, et le moment où la page suivante se charge. En gros, je souhaiterai afficher un div "CHARGEMENT" juste après le clic sur le lien, attendre le chargement de la page suivante, puis afficher instantanément la nouvelle page sans cette coupure blanche affreuse.

Quelqu'un a la solution ?

Merci !

**tigunn** · 26/09/2012, 15h11

Bonjour,
je ne crois pas que cela puisse se faire directement en jquery mais à creuser.
Sinon, voici un exemple jquery, ajax:
page a charger:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="javascript:showAg(<?php echo $id?>)

la fonction showAg(..) est déclarée dans un fichier js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function showAgencement(id_agencement) {
	loader_container_prev='<table><tr><td><img src="img/ajax-loader.gif" /></td><td class="loading_text">';
	loader_container_post='</td></tr></table>';
	div_lect_globale = '#bloc_lecture_globale';
	if (jQuery(div_lect_globale).html() == '') {
		jQuery(div_lect_globale).hide().html(loader_container_prev + loader_container_post).fadeIn();
		//	asynchronous code
		xmlhttp=getXmlHttpRequestObject();
		xmlhttp.onreadystatechange=function() {
			if (xmlhttp.readyState==4 && xmlhttp.status==200) {
				text=xmlhttp.responseText;
			    if (jQuery.trim(text)==""){ 
			    	//error found
			      	jQuery(div_lect_globale).empty().html("Error occured while trying to retrieve data.");
			    }else{    
					jQuery(div_lect_globale).empty().html(text);	
				}	
			}	
		}
		url="get_agencement.php?id="+id_agencement; 
		xmlhttp.open("GET",url,true);
		xmlhttp.send();	
	}	
}

Il te faudra déclarer une méthode function getXMLHTTP() {} dans ce fichier.
Enfin dans get_agencement.php tu peux faire tes traitements longs: requêtes, etc... et affichage.

Voilà j'espère que cela t'aidera.

**SpaceFrog** · 26/09/2012, 15h29

cela serait possible uniquement à partir du moment ou l'on resterait sur la même page et que la navigation se ferait en ajax.

d'une page à l'autre cela dépend du navigateur, et surtout du temps de chargement de la page de destination

**FoxDeltaSierra** · 26/09/2012, 16h04

Merci pour vos réponses.

Je travaille en ASP.net C# couplé à jQuery... la solution que tu m'as donné fonctionne t-elle sur deux pages différentes ?

**SpaceFrog** · 26/09/2012, 16h22

tigunn ... heu un load() en jquery ne serait il pas plus simple ???

Empêcher l'affichage de la page blanche pendant le chargement de la page suivante

jQuery

Discussions similaires

Partager

Partager