Appel d'une fonction javascript dans une page courante

Version imprimable

Voir 40 message(s) de cette discussion en une page

21/11/2010, 13h24
Gollum02

Appel d'une fonction javascript dans une page courante
Bonjour,
Voila j'ai un petit problème avec l'appel d'une fonction javascript.
je m'explique , je dois appeler une fonction javascript à la fin d'un ensemble d'action PHP.
Cette appel doit lancer une animation flash mais enfaite si je met ce code :
Code:

1 2 3 4 5 <script type="text/javascript"> alert(""); ajoute("type","valeur"); </script>';
Tout est ok, cependant si j'enleve le alert(), mon animation ne ce lance pas.
Code:

1 2 3 4 <script type="text/javascript"> ajoute("type","valeur"); </script>';
Enfaite ce qui est bizarre , c'est qu'avec le alert(), tout fonctionne comme il faut
mais dés que je l'enleve ca déconne a plein bloc o_O

Quelqu'un à une idée?

merci :)
21/11/2010, 16h39
Bovino

Citation:

Quelqu'un à une idée?

Difficile d'en avoir une vu le peu d'informations que tu donnes :roll:

Mais bon, vu le symptôme, j'imagine que tu appelles la fonction ajoute après un appel AJAX sans avoir attendu que la réponse du serveur soit arrivée.
21/11/2010, 20h45
Gollum02

Merci de votre réponse.
QUe voulez savoir de plus ?
21/11/2010, 20h54
Bovino

Ben à quoi correspond ta fonction ajoute par exemple :aie:
22/11/2010, 07h03
Gollum02
Ma fonction ajoute appelle une animation flash voila son contenu :
Code:

1 2 3 4 function ajoute(type,valeur) { swfobject.getObjectById("flash").ajoute(type,valeur); }
En gros elle fournit des paramètres pour personnaliser l'animation flash
22/11/2010, 09h29
RomainVALERI

Montre nous où est fait l'appel à cette fonction, ça ressemble à un DOM qui n'a pas le temps de se charger... ton extrait serait placé dans le head que ça ne m'étonnerait qu'à moitié ^^
22/11/2010, 13h42
Gollum02
La définition de la fonction

(javascript)
Code:

1 2 3 4 5 function ajoute(type,valeur) { swfobject.getObjectById("flash").ajoute(type,valeur); }
se fait bien avant un </head>

Moi j'appel cette fonction dans les balises body

(php)
Code:

1 2 3 4 5 echo '<script type="text/javascript"> ajoute("type","valeur"); </script>';
Et le flash se trouve au début du contenu de <body></body>

Sachant que je viens de remarquer que sous IE (quelques fois) cela fonctionne c'est à dire que l'animation flash se lance normalement .
Mais sous Firefox c'est pas le cas.
22/11/2010, 14h46
RomainVALERI

Laisse à ta page le temps de charger le DOM ^^ place ton appel à la fonction ajoute sur l'événement "load" du body.
22/11/2010, 15h06
Gollum02

J'ai peur de ne pas tout comprendre.
Je fais un <body onload="javascript:ajoute....
22/11/2010, 15h14
Bovino

Ben oui, mais ça on ne peut pas le deviner, donc à moins de poster TOUTES les informations utiles, on ne pourra pas t'aider !
22/11/2010, 15h21
Gollum02

Ben sachant que le projet fait quelques milliers de lignes , qu'il comprend des inclusions de fichiers , je ne vais pas pouvoir vous poster tout le code (ca risque d'être lourd :mouarf:)
Mais j'y pense, si je lance un objet ajax pour cette fonction , si j'attend la réponse du serveur (savoir si le flash est lancé ou pas), ca peut le faire non?

J'ajoute que la fonction ajoute permet de lancer une animation flash , je m'explique : ajoute fournis les paramètres à une animation flash(action script), depuis ces paramètres , le flash affiche un texte pour simplifier la chose.
Je fournis le type et la valeur, j'appelle cette fonction depuis du php , par contre quand j'appelle cette fonction ajoute depuis un jeu flash , tout est ok.
22/11/2010, 18h45
Watilin

Citation:

Envoyé par Gollum02

[…] le projet fait quelques milliers de lignes […]

Pour un site web ? Aïe aïe aïe… Qui paye la bande passante ?
22/11/2010, 19h49
Gollum02

Citation:

Envoyé par Watilin

Pour un site web ? Aïe aïe aïe… Qui paye la bande passante ?

Ce n'est pas moi ;)
Enfaite je reprend la relève d'un ancien dev.

Citation:

Envoyé par Gollum02

J'ai peur de ne pas tout comprendre.
Je fais un <body onload="javascript:ajoute....

La syntaxe que tu sembles chercher est la suivante :

Code:

<body onload="ajoute();">

(la mention javascript: étant inutile dans un gestionnaire d'événement)

Même si ça marche, ce n'est pas la meilleure manière de faire, notamment au cas où d'autres fonctions soient associées à ce gestionnaire d'événement, par exemple si dans ton code JS il y a quelquepart :
Code:

1 2 3 document.body.onload = function() { // bla bla bla... };
(auquel cas la fonction attribuée en JS "écrase" celle attribuée dans l'HTML :calim2:)

Idéalement, on les ajoute depuis le code JS, avec attachEvent pour IE et addEventListener pour tous les autres, par le biais d'une fonction du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 Element.prototype.addEvent = function(declencheur, effet) { if (this.addEventListener) { this.addEventListener(declencheur, effet, false); } else if (this.attachEvent) { this.attachEvent(("on" + declencheur), effet); } } // exemple d'appel : var elem = document.getElementById("idDeTonElement"); elem.addEvent("load", ajoute);// attention : pas de parenthèses après "ajoute" ici // car on n'execute pas la fonction, on copie sa référence
Tiens-nous au jus ^^

Merci beaucoup pour ton aide mais rien ne change, je peux m'y prendre mal, mais si je comprend bien, si je test <body onload="ajoute"> cela doit resumer ton javascript ?
Si c'est le cas, cela ne fonctionne pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
   echo '<script type="text/javascript">
 
           Element.prototype.addEvent = function(declencheur, effet) {
               if (this.addEventListener) {
                  this.addEventListener(declencheur, effet, false);
               }
               else if (this.attachEvent) {
                  this.attachEvent(("on" + declencheur), effet);
               }
            }
           var elem = document.getElementById("test");
           elem.addEvent("load", ajoute);
 
        </script>';

Sachant que j'ai mis un

Code:

1
2
 
<body id="test">

Mais aussi, il faut que j'appel la fonction avec ses paramêtres

merci encore :)

Code:

1
2
3
4
5
6
7
8
Element.prototype.addEvent = function(declencheur, effet) {
   if (this.addEventListener) {
      this.addEventListener(declencheur, effet, false);
   }
   else if (this.attachEvent) {
      this.attachEvent(("on" + declencheur), effet);
   }
}

Attention : ne sera pas valable pour IE < 8 !

Citation:

Envoyé par Gollum02

Merci beaucoup pour ton aide mais rien ne change, je peux m'y prendre mal, mais si je comprend bien, si je test <body onload="ajoute"> cela doit resumer ton javascript ?
Si c'est le cas, cela ne fonctionne pas.

8O

Citation:

Envoyé par RomainVALERI

La syntaxe que tu sembles chercher est la suivante :

Code:

<body onload="ajoute();">

Je ne pense pas que tu t'y prennes mal, ni que tu comprennes mal, mais plutôt que tu lis mal :aie: (enfin, sur ce post, hein ^^)

Citation:

Envoyé par Bovino

Attention : ne sera pas valable pour IE < 8 !

Oui c'est juste j'ai voulu expliquer le principe mais dans le détail pour la compatibilité avec les brontos... heu les anciens navigateurs :mrgreen: je ne sais plus comment on procédait... j'ai l'impression de me souvenir de quelque chose comme :
Code:

1 2 3 4 5 6 7 8 9 10 11 Element.prototype.addEvent = function(declencheur, effet) { if (this.addEventListener) { this.addEventListener(declencheur, effet, false); } else if (this.attachEvent) { this.attachEvent(("on" + declencheur), effet); } else { window[this+declencheur] = effet; } }
...ou quelque chose autour de window[] ... mais c'était peut-être dans mon rêve de cette nuit (:aie:) donc je ne garantis rien ^^ disons : à tester éventuellement

Citation:

Envoyé par Gollum02

Mais aussi, il faut que j'appel la fonction avec ses paramêtres

Ah tiens je les avais oubliés ceux-là :aie:

Utilise un gestionnaire (sans paramètres) dans lequel tu appelles la fonction ajoute(param1, param2); plutot que de transformer ta fonction ajoute en gestionnaire :fou: c'est clair ? ^^

Ou même une fonction anonyme :
Code:

1 2 3 elem.addEvent("load", function() { ajoute("type", "valeur"); });

Code:

1
2
3
4
5
6
7
8
9
10
11
Element.prototype.addEvent = function(declencheur, effet) {
   if (this.addEventListener) {
      this.addEventListener(declencheur, effet, false);
   }
   else if (this.attachEvent) {
      this.attachEvent(("on" + declencheur), effet);
   }
   else {
      window[this+declencheur] = effet;
   }
}

Non, c'est juste qu'avec IE < 8, tu n'as pas accès à Element, donc impossible d'effectuer le prototypage ;)

Pour ma part, j'utilise la fonction :

Code:

1
2
3
4
5
6
7
8
9
10
var addEvent = function(elt, declencheur, effet) {
   if (.addEventListener) {
      elt.addEventListener(declencheur, effet, false);
      addEvent = function(elt, declencheur, effet){elt.addEventListener(declencheur, effet, false);}
   }
   else if (elt.attachEvent) {
      elt.attachEvent(("on" + declencheur), effet);
      addEvent = function(elt, declencheur, effet) {elt.attachEvent(("on" + declencheur), effet);}
   }
}

24/11/2010, 12h18
Gollum02

Merci pour votre aide, je regarde ca et je vous tiens au courant :)

Pour ma part…

Pourquoi mettre un if dans la fonction addEvent, quand on peut le mettre autour ? :mrgreen:
Code:

1 2 3 4 5 6 7 8 9 10 var addEvent; if (document.all) { addEvent = function(obj, evt, func) { obj.attachEvent('on' + evt, func); }; } else { addEvent = function(obj, evt, func) { obj.addEventListener(evt, func, false); }; };
Comme ça le test n’est fait qu’une fois ;)

Voir 40 message(s) de cette discussion en une page