Page blanche au chargement de mon site [Résolu]

[gégé140488]

Bonjour,

Depuis 3 jours, j'ai une page blanche lorsque j’essaie d'accéder à mon site Internet. Pourtant, tout marchait parfaitement avant, je précise que je n'ai pas fait de mise à jour du site donc le problème ne peut pas venir d'un code que j'aurais pu supprimer.

Lorsque je lances le site avec IE, j'ai une erreur :


Voilà l'adresse de mon site : http://tybian.pagesperso-orange.fr/

Merci d'avance pour votre aide,

Cordialement

Et voilà le contenu du fichier main.js :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
 jQuery.noConflict();
 
jQuery(document).ready(function(){
	hideContent = function(contentString){
		jQuery("div.dynamicContent").fadeOut( 1000 ,function() {
					showContent(contentString);playSound(0);
					});
	};
	showContent = function (contentString) {
		jQuery.ajax({
			   type: "GET",
			   url: contentString,
			   dataType:"html",
			   success: function(data){
			    jQuery("div.dynamicContent").html(data);
			 		jQuery("div.dynamicContent").slideDown(1000);
				},
			   error: function () {
			   		alert("Page "+contentString+" not found");
			   	}
 		}); 
	};
 
 	if(jQuery(document).getUrlParam("page")!=null) { 			
 			hideContent(jQuery(document).getUrlParam("page"));	
 	} else {
 			showContent("_home.htm");
	}	
});
 
function sendToASUnselectButton(button_id) {
		thisMovie(button_id).sendToASUnselectButton("");
     }
 
function thisMovie(movieName) {
     if (navigator.appName.indexOf("Microsoft") != -1) {
         return window[movieName];
     } else {
         return document[movieName];
     }
 }
 
var requiredMajorVersion = 9;
var requiredMinorVersion = 9;	
var requiredRevision = 0;
var selected_button ="";
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var online = ( ((window.location+'').substring(0,4)).toLowerCase()=='http' ) ? true : false;
 
function myButton (buttonText,buttonLink) {
	if (!online && !isIE) {
  document.write('	<DIV ID="flashMovie'+(anim_ids+1)+'" STYLE="width: 200; height: 31; z-index: 100;" onClick="showPage(\''+buttonLink+'\','+anim_ids+1+')">');																										
	}		
	AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','200','height','31','src','flash/button','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/button','flashvars','custom_xml_url=button.xml&item_text='+buttonText+'&item_url='+buttonLink+'&button_id='+(anim_ids+1)+'&isIE='+isIE,'scale','noScale','wmode','transparent');
	if (!online && !isIE) {
	document.write('</DIV>');
	}	
}
 
function myHeader () {	
	AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','658','height','150','src','flash/header','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/header','flashvars','custom_xml_url=custom.xml', 'bgcolor','#FFFFFF','scale','noScale'); //end AC code
}
 
function myFlashHeader (_src,_width,_height,_bgcolor,_divID,_xml,_wmode) {
	if (_wmode == null){
		_wmode = 'Window';
  }	
	if (window.document.getElementById(_divID)) {
	window.document.getElementById(_divID).innerHTML=AC_FL_RunContentDiv( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width',_width,'height',_height,'src',_src,'quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie',_src,'flashvars','custom_xml_url='+_xml, 'bgcolor',_bgcolor,'allowScriptAccess','sameDomain','scale','noScale','wmode',_wmode); //end AC code								
	} else  {
		alert("Div '"+_divID+"' not found ");
	}
}
 
function myHeader () {	
	//AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','540','height','150','src','flash/header','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/header','flashvars','custom_xml_url=custom.xml', 'bgcolor','#FFFFFF','scale','noScale'); //end AC code								
	AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','902','height','351','src','flash/header','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/header','flashvars','custom_xml_url=custom.xml', 'bgcolor','#FFFFFF','scale','noScale'); //end AC code
}
 
function myFlashGallery (_src,_width,_height,_bgcolor,_divID) {	
	if (window.document.getElementById(_divID)) {
	window.document.getElementById(_divID).innerHTML=AC_FL_RunContentDiv( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width',_width,'height',_height,'src',_src,'quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie',_src,'bgcolor',_bgcolor,'allowScriptAccess','sameDomain','allowFullScreen','true'); //end AC code								
	AC_FL_RunContentDiv( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','540','height','418','src','flash/gallery/gallery','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/gallery/gallery','bgcolor','#FFFFFF','allowFullScreen','true'); //end AC code							
	} else  {
		alert("Div '"+_divID+"' not found ");
	}
}
 
 
 
 
function showPage(pageURL,button_id) {
	hideContent(pageURL);
	if (selected_button!="" && button_id!=selected_button) {
			sendToASUnselectButton('anim_'+selected_button);		
	}
	if (button_id!=undefined) {selected_button = button_id;} 
}
 
 
 
 
 
/* Copyright (c) 2006-2007 Mathias Bank (http://www.mathias-bank.de)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * 
 * Version 2.1
 * 
 * Thanks to 
 * Hinnerk Ruemenapf - http://hinnerk.ruemenapf.de/ for bug reporting and fixing.
 * Tom Leonard for some improvements
 * 
 */
jQuery.fn.extend({
/**
* Returns get parameters.
*
* If the desired param does not exist, null will be returned
*
* To get the document params:
* @example value = $(document).getUrlParam("paramName");
* 
* To get the params of a html-attribut (uses src attribute)
* @example value = $('#imgLink').getUrlParam("paramName");
*/ 
 getUrlParam: function(strParamName){
	  strParamName = escape(unescape(strParamName));
 
	  var returnVal = new Array();
	  var qString = null;
 
	  if (jQuery(this).attr("nodeName")=="#document") {
	  	//document-handler
 
		if (window.location.search.search(strParamName) > -1 ){
 
			qString = window.location.search.substr(1,window.location.search.length).split("&");
		}
 
	  } else if (jQuery(this).attr("src")!="undefined") {
 
	  	var strHref = jQuery(this).attr("src")
	  	if ( strHref.indexOf("?") > -1 ){
	    	var strQueryString = strHref.substr(strHref.indexOf("?")+1);
	  		qString = strQueryString.split("&");
	  	}
	  } else if (jQuery(this).attr("href")!="undefined") {
 
	  	var strHref = jQuery(this).attr("href")
	  	if ( strHref.indexOf("?") > -1 ){
	    	var strQueryString = strHref.substr(strHref.indexOf("?")+1);
	  		qString = strQueryString.split("&");
	  	}
	  } else {
	  	return null;
	  }
 
 
	  if (qString==null) return null;
 
 
	  for (var i=0;i<qString.length; i++){
			if (escape(unescape(qString[i].split("=")[0])) == strParamName){
				returnVal.push(qString[i].split("=")[1]);
			}
 
	  }
 
 
	  if (returnVal.length==0) return null;
	  else if (returnVal.length==1) return returnVal[0];
	  else return returnVal;
	}
});

[Watilin]

Salut,

Ce n'est pas exactement une page blanche : le navigateur reste en attente…

Moi j'ai cette erreur avec Firebug :

jQuery is not defined
http://tybian.pagesperso-orange.fr/js/main.js
Line 16

Je ne peux pas expliquer pourquoi c'est arrivé du jour au lendemain, mais je vois déjà un problème. Tu utilises plusieurs frameworks, soit. C'est déconseillé mais tu dois sans doute le savoir, car tu utilises jQuery.noConflict(). Le problème c'est que pour que ça marche, il faut déclarer ce framework en dernier… Mets-le après Prototype et dis-moi si ça marche mieux

[gégé140488]

Merci pour ta réponse.

Peux tu expliciter ce que tu entends par "prototype", je suis pas un montre encore en prog !

[Watilin]

Dans ta page d'index, tu as ça :

Code HTML :

1
2
3
<script src="js/lightbox/prototype.js" type="text/javascript"></script>
<script src="js/lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox/lightbox.js" type="text/javascript"></script>

Prototype est un framework, Scriptaculous et Lightbox sont des extensions à ce framework. Il faut les déclarer avant jQuery si tu veux que jQuery fonctionne correctement

[gégé140488]

VOilà le début de mon index :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="verify-v1" content="Hg23b41G7Cjw64K9ALItoqqvSi4SM7hV7t+3WAqTZto=" />
<meta name="category"    content="general" />
<meta name="robots"      content="index,follow" />
<meta name="distribution" content="global" />
<meta name="resource-type" content="document" />
<meta name="copyright" content="Gite Ty Bian - Gite Ty Moutic" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="pages.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/AC_RunActiveContent.js"></script>
<script src="js/jquery121.js" type="text/javascript"></script> 
<script src="js/sound.js" type="text/javascript"></script>
 
 
<link rel="stylesheet" href="js/lightbox/css/lightbox.css" type="text/css" media="screen" />
<script src="js/lightbox/prototype.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox/lightbox.js" type="text/javascript"></script>
 
<!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.-->
<style>#free-flash-header a,#free-flash-header a:hover {color:#b9b9b9;}#free-flash-header a:hover {text-decoration:none}</style>
<!--FIN DU DROIT D'UTILISATION-->
<!--[if IE 6]>
<link href="styleie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
 
<body>	                                                                                                                                                          																																																																														                                                                               																																																																										  
<div id="container">

[gégé140488]

Merci c'est mieux, mais maintenant j'ai un message d'erreur sur la version de flash que j'utilise.
Peux tu retourner voir? merci beaucoup pour ton aide

[dukej]

Envoyé par gégé140488

Merci c'est mieux, mais maintenant j'ai un message d'erreur sur la version de flash que j'utilise.
Peux tu retourner voir? merci beaucoup pour ton aide

Après analyse minitieuse avec Charles Proxy, le problème est tout autre.

Il vient de cette ligne là :

Code :

1
2
 
document.write(unescape("%3Cscript src='" + gs_p + "s.gstat.orange.fr/lib/gs.js?"+gs_r+"' type='text/javascript'%3E%3C/script%3E"));

qui est placée dans les ficheirs appelés via Ajax. Il faut tout simplement supprimer cette ligne dans les fichiers.

Le problème vient du "document.write", on ne peut pas faire un "document.write" quand une page est entièrement chargée, et c'est ce que tu fais sans le vouloir en appelant en ajax une page qui contient cette ligne.

[dukej]

Envoyé par Watilin

Salut,

Ce n'est pas exactement une page blanche : le navigateur reste en attente…

Moi j'ai cette erreur avec Firebug :


Je ne peux pas expliquer pourquoi c'est arrivé du jour au lendemain, mais je vois déjà un problème. Tu utilises plusieurs frameworks, soit. C'est déconseillé mais tu dois sans doute le savoir, car tu utilises jQuery.noConflict(). Le problème c'est que pour que ça marche, il faut déclarer ce framework en dernier… Mets-le après Prototype et dis-moi si ça marche mieux

Tu peux déclarer Jquery avant ou après les autres, cela ne pose AUCUN problème à partir du moment où tu rajoutes jQuery.noConflict();

J'ai analysé jquery et a librairie mets en place tous les mécanismes nécessaires pour garder la possibilité d'appeler le jquery.noConflict après l'appel des library prototype/mootools ou autre.

[Eric2a]

Envoyé par dukej

Il vient de cette ligne là :

Code :

qui est placée dans les ficheirs appelés via Ajax. Il faut tout simplement supprimer cette ligne dans les fichiers.

La date coïncide effectivement avec celle de l'arrivée de cette partie de code placée arbitrairement par Orange avant que la page soit servie. Il est donc impossible de la supprimer.

Plus d'infos ici.

[dukej]

Envoyé par Eric2a

La date coïncide effectivement avec celle de l'arrivée de cette partie de code placée arbitrairement par Orange avant que la page soit servie. Il est donc impossible de la supprimer.

Plus d'infos ici.

le moyen le plus propre à mon avis c'est de renommer les .htm/.html appelés en ajax (ex:_home.html) en .txt, et les loader en ajax comme il le fait. Ainsi on est sur qu'Orange ne viendra pas mettre son khâkhâ dans les fichiers.

[Eric2a]

dukej

Je viens de faire un test...

Code xhtml :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Test</title>
	<script type="text/javascript">//<![CDATA[
		var Test=function(){
			var e,elt,
			xhr=(function(){
				if(window.XMLHttpRequest)
					xhr = new XMLHttpRequest();
				else if(window.ActiveXObject){
					try{
						xhr=new ActiveXObject("Msxml2.XMLHTTP");
					}catch(e){
						xhr=new ActiveXObject("Microsoft.XMLHTTP");
					}
				}else{
					alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
					xhr=false;
				}
				return xhr;
			})();
			return{
				init:function(){
					elt=document.getElementById('ajax');
					if(!xhr||!elt)return false;
					xhr.open('GET','ajax.txt',true);
					xhr.onreadystatechange=function(){
						if(xhr.readyState==4){
							if(xhr.status==200){
								while(elt.hasChildNodes())elt.removeChild(elt.lastChild);
								elt.appendChild(document.createTextNode(xhr.responseText));
							}else
								alert('Erreur lors de la requête au fichier ');
						}
					};
					xhr.send(null);
					return true;
				}
			}
		}();
		window.onload=Test.init;
	//]]>
	</script>
</head>
 
<body>
	<pre id="ajax"></pre>
</body>
</html>

Avec le fichier ajax.html (renommé ensuite ajax.txt)

Code xhtml :

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
	</head>
	<body>
		<p>Fichier reçu via la méthode AJAX</p>
	</body>
</html>

Et effectivement, la page ayant l'extension .html est servie polluée par le code d'audience.

[gégé140488]

Bonjour,

Tout d'abord, je souhaite vous remercier d'avoir consacré du temps à trouver le problème.

Je pensais bien que ça venait de ORANGE() !

Le site étant pour une activité professionnelle, je pense que je vais assurer le coup en dég..ant d'orange et en allant prendre un autre hébergeur. Je vais pas aller à tout bout de champs contrôler qu'orange n'insère pas des bout de code !

Qu'en pensez-vous?

Merci encore

[Eric2a]

C'est la meilleure solution oui, surtout pour un site à vocation professionnelle.

C'est ce que je suis en train de faire tranquillement (moi c'est un site amateur, donc il n'y a pas le feu).

Une fois toutes les pages réécrites pour le nouveau domaine, je fais la transition.

[gégé140488]

Ok. Je vais faire ça.

Si je peux conseiller un hébergeur bien, ce serait celui là:http://www.phpbb-services.com/

Merci encore,

Sujet résolu

[dukej]

Envoyé par gégé140488

Bonjour,

Tout d'abord, je souhaite vous remercier d'avoir consacré du temps à trouver le problème.

Je pensais bien que ça venait de ORANGE() !

Le site étant pour une activité professionnelle, je pense que je vais assurer le coup en dég..ant d'orange et en allant prendre un autre hébergeur. Je vais pas aller à tout bout de champs contrôler qu'orange n'insère pas des bout de code !

Qu'en pensez-vous?

Merci encore

Si c'est un site pro, tu peux très bien dépenser 5 euros par mois pour un hébergement professionnel et 15 euros par an pour acheter un nom de domaine ?

C'est pas la ruine, c'est limite un cadeau d'avoir un hébergement pro. Regarde du coté de OVH, ils font des offres largement dans tes prix à mon avis.

[Bovino]

Envoyé par dukej

Si c'est un site pro, tu peux très bien dépenser 5 euros par mois pour un hébergement professionnel et 15 euros par an pour acheter un nom de domaine ?

C'est pas la ruine, c'est limite un cadeau d'avoir un hébergement pro. Regarde du coté de OVH, ils font des offres largement dans tes prix à mon avis.

Entièrement d'accord !
D'une part, un site hébergé sur un espace perso d'un FAI, ça fait pas vraiment pro mais surtout, si tu payes un hébergement, tu n'es plus soumis aux changements de politique de fonctionnement d'un hébergement gratuit comme tu viens de l'être avec Orange (ceci parmi d'autres nombreux avantages...)

[Watilin]

Envoyé par dukej

Tu peux déclarer Jquery avant ou après les autres, cela ne pose AUCUN problème à partir du moment où tu rajoutes jQuery.noConflict();

J'ai analysé jquery et a librairie mets en place tous les mécanismes nécessaires pour garder la possibilité d'appeler le jquery.noConflict après l'appel des library prototype/mootools ou autre.

Autant pour moi, j'ai proféré une idiotie

Pour Orange, effectivement, c'est scandaleux !

[SpaceFrog]

en parlant de ça ...
J'ai un site pro, derrière un nom de domaine, qui pointe sur une page perso chez Orange.
Le resultat est que l'appel de l'adresse de l'adresse retourne une page avec un frame qui lui pointe sur la page perso.

Le souci est que l'on ne peut pas accéder directement à une sous page du site, seule la page index ressort.
J'ai même tenté avec un javascript de recupérer un hash et rediriger, mais rien à faire...
C'est vraiment très moyen comme solution pro ...