surcharge du onload

Version imprimable

10/08/2005, 21h24
ruda.tom

surcharge du onload
Salut !

alors voila, j'ai ecrit un bout de code qui permet d'afficher une sorte de boite de dialogue (un div). Je veux que cette boite de dialogue s'ouvre au chargement de la page, donc j'ai surchargé l'evenement onload :
Code:

1 2 onload = function() {mafonction()};
Le probleme est que j'ai besoin d'intégrer ce bout de code dans des pages qui ont déjà une méthode sur le onload définie ainsi :
Code:

1 2 <body onload="fonctionInit();">
Donc si je mets mon bout de code, la fonction fonctionInit() ne s'execute plus, normal.
Dans mon code, j'ai récupéré la valeur du onload. Premier probleme, sous FireFox je récupère bien "fonctionInit();" alors que sous IE je récupère "function anonymous() {fonctionInit();}". A quoi sert ce anonymous ? Est il possible de ne pas l'avoir ?

Le second probleme est que meme si j'arrive à récupérer juste "fonctionInit();", il faut ensuite que je l'affecte au onload avec ma fonction. Et je ne vois pas comment faire. Je voudrais un truc du style :
Code:

1 2 onload = function{ maFonction();+"la fonction que je récupère du onload"+};
Est ce qu'il est possible de faire cela ? Y a t il une meilleure solution pour faire ce que je veux ?

Merci d'avance
Thomas
11/08/2005, 09h29
denisC
Oui, il y a une meilleure solution pour faire ça:
Code:

1 2 3 element.addEventListener('load',mafonction,false); //pour FF element.attachEvent('onload',mafonction); //pour IE
Cette syntaxe rajoute un event handler sur l'évenement onload de element (body ou window ou ce que tu utilises actuellement). Ca ne supprime pas les évenement qui était précedemment sur cet élément. Le soucis, comme tu l'as remarqué, c'est que la syntaxe est pas compatible FF/IE.

Donc pour créer un event handler, il faut faire un filtre selon que le navigateur possède la fonction addEventListener ou non.

Il y a également d'autre problèmes (le false qui apparait dans FF) mais à priori, pas besoin d'en parler pour le moment.

Voila, sinon, en règle général, tu n'as pas besoin de créer une fonction si la fonction que tu utilises n'a pas d'argument.
Typiquement:

Citation:

element.onload = function() {mafonction()};

Est strictement equivalent à:
Code:

1 2 element.onload = mafonction;
(Je sais pas si c'est un exemple ou si c'est tiré de ton code).

Enfin, si IE te retourne

Citation:

function anonymous() {fonctionInit();}

C'est simplement que la façon la plus simple pour lui de parser est de mettre la chaine de caractère présente dans le onload dans une fonction annonyme. Mais ça ne change rien su tout, la fonction reste la même que ta fonction initiale.

Bonne chance :)
11/08/2005, 09h30
javatwister

bah, pour faire simple, je te dirais d'appeler directement mafonction() en fin de body, sans gestionnaire d'événement; sauf s'il est nécessaire que fonctionInit() s'exécute un poil plus tôt;
11/08/2005, 16h46
ruda.tom
oui en effet, il y a plus simple que ce que je pensais faire...
merci beaucoup

ça fonctionne bien à part un petit truc. J'ai essayé ça :
Code:

1 2 window.attachEvent('onload', myThis.showDialogBox);
et ça ne marche pas. myThis est un objet instancié plus haut.
Par contre, si je mets :
Code:

1 2 3 4 5 6 7 8 window.attachEvent('onload', attachedShowDialogBox); ... function attachedShowDialogBox() { myThis.showDialogBox(); }
là c'est bon.
Est ce normal ?

Thomas
11/08/2005, 16h51
denisC
oui, il faut mettre une fonction dans le attachEvent.

Tu peux ecrire ça comme ça, avec une fonction anonyme:
Code:

1 2 window.attachEvent('onload', function(){myThis.showDialogBox()});
C'est un peu compliqué pour lui de comprendre que c'est une méthode d'un objet...
11/08/2005, 21h57
ruda.tom

parfait ! ça marche !
merci beaucoup pour ton aide.
12/08/2005, 09h18
denisC

pense au petit bouton :resolu:

:)