Syntaxe des declarations de fonction

Bonjour,

J'ai modifié une application existante en chargeant tout le code JavaScript dynamiquement, au lieu de le charger directement dans le HEAD de mon document HTML.
Cela veut dire que au lieu d'avoir mes fonctions définies dans mon document principal, elles le sont par le biais d'appels AJAX ayant lieu une fois la page principale chargée.

Pour ce faire, j'ai du changer toutes mes déclarations de fonction de ce type de syntaxe:

Code:

---

1 2 3 4

function myFunction(){ alert('test'); }

---

a celui-ci:

Code:

---

1 2 3 4

myFunction = function(){ alert('test'); };

---

Cela semblait bien fonctionner avec toutes les fonctions que j'utilise, mis a part TinyMCE que je dois encore charger dans le document principal.

Mais depuis que j'ai fait ca, j'ai commencé a remarquer des comportement étranges, dans le sens que certaines fonctions semblent en conflit avec d'autres. Par exemple, le click sur un élément 'draggable' va s'appliquer, mais sur un autre élément, lui aussi 'draggable'.

Ce qui est étrange, c'est que la seule chose que j'ai modifiée, c'est cette syntaxe de fonction, mais en aucun cas leur contenu.

Je me demande donc si la forme syntaxique a une implication sur l'éxécution des fonctions, et vous demande donc si vous connaissez la différence :D

Merci d'avance!

Thomas

vérifis qu'il n'y ai pas plusieurs id identiques ;)

Merci mais j'ai bien vérifié ca, et ces fonctions, si elles sont toutes chargées dans le HEAD n'entrainent pas ce type de conflit, or elles l'entraineraient de la meme facon en étant déclarées dans le HEAD qu'en étant chargées apres-coup.

En revanche, j'ai de nombreuses variables dans ces fonctions qui ont des noms similaires. Mais elles sont déclarées séparément dans chaque fonction et en utilisant 'var'...

Une autre idée? :D

il faut faire une nouvelle instance à chaque utilisation

Code:

---

new myFunction

---

Peux-tu etre un tout petit peu plus explicite? Si j'appelle une fonction de cette facon-la:

Code:

---

1 2 3 4

myFunction = function(){ alert('test'); }

---

Il faut ensuite que je l'appelle en utilisant 'new'? C'est lié a sa syntaxe de construction?

Ca parait logique et je vais essayer.

Cependant, est-ce que dois faire pareil pour une fonction qui ne génere pas de code HTML? Je ne crois pas... Par exemple, ma fonction qui vérifie les formulaires, je ne crois pas avoir besoin de l'appeler avec new.
Peux-tu préciser stp dans quel cas tu dois employer 'new'?

Merci beaucoup, ca sent effectivement le début de solution!

le fait d'appeler une focntion avec new permet d'en créer une nouvelle instance séparée ce qui evite à javascript de s'emmeler les crayons entre les variables ayant le même nom.

Ok, merci... Je vais essayer ca ce soir, et posterai ce que ca a donné.

Ben non... Ca n'a rien changé :(

c'est que javascript mélange les fonctions ...

essaye de faire un push dans un array pour différentier les appels ?

Code:

---

1 2 3

var TabFunctions= new Array()   TabFunction.push(myfunction())

---

Citation:

---

Envoyé par nabab

Cela veut dire que au lieu d'avoir mes fonctions définies dans mon document principal, elles le sont par le biais d'appels AJAX ayant lieu une fois la page principale chargée.

---

Salut,

Tu peux donner le code de chargement que tu utilises ?

Désolé je n'étais pas en ligne hier, et je n'ai pas le code avec moi.

Merci SpaceFrog, je vais essayer ca ce soir, et je posterai le code par la meme occasion.

Salut et désolé pour la réponse tardive, j'ai eu pas mal de problemes a regler - j'en ai encore - avec IE6...

Spacefrog, je t'ai envoyé les codes de connection si tu veux jeter un oeil...
En fait je ne suis pas certain de voir ce que tu veux dire:

Citation:

---

essaye de faire un push dans un array pour différentier les appels ?

Code:

---

1 2 3

var TabFunctions= new Array() TabFunction.push(myfunction())

---

---

Pour ce qui est de la fonction qui charge tous les differents JS, c'est une fonction Ajax toute simple:

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

bbnjs_exe_ajax = function(bbnjs_ele,bbnjs_file,bbn_js1,bbn_js2,bbn_js3,bbn_js4,bbn_js5,bbn_js6,bbn_js7){ var myajax = new bbnjs_ajax_object(); myajax.open("POST", "/execute.php", true); myajax.onreadystatechange = function(){ if (myajax.readyState == 4 && myajax.status == 200){ if ( document.getElementById(bbnjs_ele) ){ document.getElementById(bbnjs_ele).innerHTML = myajax.responseText; if ( bbnjs_count_links ){ bbnjs_count_links(); } } else{ eval(myajax.responseText); } } } var parameters = 'bbnjs_file=' + bbnjs_file; if (bbnjs_ele){ parameters += '&bbnjs_ele=' + bbnjs_ele; } if (bbn_js1){ parameters += '&bbn_js1=' + bbn_js1; } if (bbn_js2){ parameters += '&bbn_js2=' + bbn_js2; } if (bbn_js3){ parameters += '&bbn_js3=' + bbn_js3; } if (bbn_js4){ parameters += '&bbn_js4=' + bbn_js4; } if (bbn_js5){ parameters += '&bbn_js5=' + bbn_js5; } if (bbn_js6){ parameters += '&bbn_js6=' + bbn_js6; } if (bbn_js7){ parameters += '&bbn_js7=' + bbn_js7; } myajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); myajax.send(parameters); }

---

Elle est exécutée au chargement de la page, et rappelle automatiquement la meme fonction:

Code:

---

1 2	setTimeout("bbnjs_exe_ajax('','load',3);",200);

---

une dizaine de fois jusqu'a ce que tous les scripts soient chargés.
Les fichiers appelés sont de simples JS - générés par PHP.

Jusqu'a présent, je n'ai pas pu charger de cette maniere:
- la librairie X
- tinyMCE
- mon menu CSS (car sinon le tweak avec csshover.htc pour IE6 ne fonctionne pas)

Merci!

de multiples ajax simultanés ...

j'ai peur que ça ne se passe pas bien ...

il vaut mieux faire un open et des send multiples quoi que je pense quil faille mieux collecter tous les paramètres et faire un seul send ...

je dis peut-être une bêtise mais en créer un objet , qui s'occupe d'envoyer les requête et de les récupérer
on instancie plusieurs objets ?

Je ne sais même pas auteur, je ne connais pas les capacités de mulithreadage d'ajax ...
Je ne sais pas si il saura différentier les retours ???
Je n'ai jamais eu le temps de tester,
j'ai toujours par defaut groupé les paramètres et par dessus fait du synchrone ...

a tester mais je pense que oui puisque chaque processus , est indépendant ( en théorie :? )

d'accord Fillot mais au niveau de l'adressage en retour de la reponse ... ???
Je ne parierias pas ...

Il semble qu'il différencie tres bien les retours: j'ai parfois des actions qui entrainent plusieurs appels en meme temps, et l'évaluation des resposeText se fait sans probleme.
Par contre, concernant le chargement des fonctions sur la page principale, les appels ne sont pas faits simultanement, mais les uns a la suite des autres, l'éxécution de l'un ne commencant que 0.2 secondes apres la fin d'exécution de l'autre (c'est l'exécution du responseText qui se termine par l'appel de la fonction suivante).

Par contre, le_chomeur, je ne comprends pas ce que tu veux dire par:

Citation:

---

je dis peut-être une bêtise mais en créer un objet , qui s'occupe d'envoyer les requête et de les récupérer
on instancie plusieurs objets ?

---

Une autre question (subsidiaire): savez-vous si je peux charger une feuille de style renvoyant vers le fameux hack de IE6 (csshover.htc) apres que le document soit chargé (un moyen simple de vérifier est d'essayer je sais;).

Merci de vos réponses en tout cas

Citation:

---

Envoyé par nabab

Par contre, le_chomeur, je ne comprends pas ce que tu veux dire par: ...

---

tu créer un objet :

Code:

---

1 2 3 4 5 6 7 8

function toto(){   var testAjax = function (){ ici tes méthodes ... }   this.testAjax(); }

---

Code:

---

1 2 3

premier = new toto(); second = new toto();

---

pour allez plus loin dans le test il suffirait d'ajouter un paramère a une requète sql en s'arrangeant pour que la première sois plus longue a s'exécuter que la seconde , et vérifier l'ordre et la bonne valeur de retour via des alert() ...

je sais que mon exemple est assez succinct mais j'ai pas mal de boulot , mais voila tu as les grandes lignes :)

Donc tu ne chomes pas ;)

Ton exemple est assez clair, je vais essayer ca, merci!