Plusieurs onLoad dans une seule page

Version imprimable

Bonjour,

Je travaille actuellement sur une application web qui sera utilisée sur un iPad.

Ma page html contient un script onload pour rafraichir les cookies:

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
window.onload = function() {
var expDate = new Date();
expDate.setTime(expDate.getTime() + (60 * 60 * 1000));
document.cookie = "connected=" + escape("ok") + "; expires=" + expDate.toGMTString();
document.cookie = "login=" + escape("admin") + "; expires=" + expDate.toGMTString();
document.cookie = "refresh=" + escape("300") + "; expires=" + expDate.toGMTString();
document.cookie = "expire=" + escape("60") + "; expires=" + expDate.toGMTString();
document.cookie = "level=" + escape("1") + "; expires=" + expDate.toGMTString();
}
</script>

et un script externe pour ne pas afficher la barre d'adresse:

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
var iWebkit;
if(!iWebkit){
	iWebkit=window.onload=function(){
		function fullscreen(){
			var a=document.getElementsByTagName("a");
			for(var i=0;i<a.length;i++){
				if(a[i].className.match("noeffect")){}
				else{
					a[i].onclick=function(){
						window.location=this.getAttribute("href");
						return false
					}
				}
			}
		}
		function hideURLbar(){
			indow.scrollTo(0,0.9)
		}
		iWebkit.init=function()
		{
			fullscreen();
			hideURLbar()
		};
		iWebkit.init()
	}
}

Quand j'utilise le bloc pour refresh mes cookies, le code pour masquer la barre d'adresse ne fonctionne pas, il faut que je l'efface pour que ca marche correctement.

Utiliser deux onLoad a deux endroits différents peut poser probleme?

29/11/2010, 11h11
SPACHFR

Bonjour,

Pourquoi ne pas appeler une seul fonction sur le "onload" (1 seul onload) qui elle serait chargée d'appeler les autres fonctions ?
29/11/2010, 11h38
Watilin
Bonjour link,
tu l’as deviné, il y a un problème à utiliser plusieurs onload.

window.onload étant une propriété de window comme les autres, et window étant un objet (presque) comme les autres, réaffecter cette propriété a le même effet que d’habitude : ça écrase l’ancienne.
Code:

1 2 3 4 5 6 7 8 9 10 11 var obj = { fun: function() { alert('Cool'); } }; obj.fun = function() { alert('Pas cool'); }; obj.fun(); // essaye et tu verras
La meilleure solution étant encore d’utiliser addEventListener :
Code:

1 2 3 4 window.addEventListener('load', ma_fonction_1, false); window.addEventListener('load', ma_fonction_2, false); window.addEventListener('load', ma_fonction_3, false); // etc.
Comme le client est sous iPad, tu n’as même pas à te soucier des autres navigateurs. J’adore ce genre de projets :D

;)
29/11/2010, 13h49
link66

merci pour ces réponses, je vais voie comment arranger tout ca

Le client devrait être sous iPad, mais l'application peut aussi très bien etre utilisée sous PC (safari/chrome, les autres navigateurs étant pas tellement compatible avec iwebkit) ou une autre tablette

edit : ca marche :) merci