Discussion :

[mapmip]

bonjour,
dans un contexte drupal 7 , je charge 2 fichiers js avec drupal_add_js dans l'ordre A.js et un autre fichier B.js,
j'appelle en premier une fonction func1 qui se trouve dans A.js
qui elle-meme doit appeller une autre fonction func2 qui se trouve dans B.js
mais le problème c'est que func2 est considérée comme not defined

voici le squellete de A.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
(function($) {
    $(window).load(function () {
	function func1(){ func2(); }
    });
})(jQuery);

voici le squelette de B.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
(function($) {
    $(window).load(function () {
        function func2(){  alert("eeeeee"); }
    });
})(jQuery);

Merci d'avance

[SpaceFrog]

regarde plutot du coté de .ready() plutot que load, ou alors éventuellement dans le callback du load du premier fichier ...

[mapmip]

comment faire avec le callback ?

[SpaceFrog]

http://api.jquery.com/load/
section Callback Function

[mapmip]

bon j'ai trouvé une facon de faire qui marche mais pas élégant,
le $ de mon fichier A.js doit être passé en paramètre des fonctions
se trouvant dans B.js :


fichier A.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
(function($) {
    $(window).load(function () {
	function func1($){ func2($); }
    });
})(jQuery);

fichier B.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function func2($){    alert($("#monId").html()); }

Si vous avez une proposition plus élégante, je suis preneur !

[Bovino]

Mais à quoi peuvent bien servir les fermetures dans ton cas ?
Est-ce que tu comprends ce que tu écris au moins ? L'essentiel de ton code ne sert stricyement à rien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function func1(){    alert($("#monId").html()); }

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(window).load(function () {
	func1();
});

Ca ne te semble pas un peu plus simple ?

[mapmip]

j'ai besoin de mettre la fonction func2 dans un fichier js différent de celui de la func1
et j'ai besoin de la closure car il y aurait interférence

[Bovino]

Et ?
En quoi est-ce incompatible avec l'exemple que je te montre ?
As-tu au moins essayé ?

[mapmip]

l'exemple que j'ai donné était un peu bidon, c'est un exemple simple ,
dans mon cas, alert doit être appelée dans ma func2 qui elle meme doit être
dans un fichier js différence de celui de func1

En fait le fichier B.js rassemble des fonctions qui sont communes à pas mal de
fichiers js

[Bovino]

Peut-être, mais cela ne change strictement rien.
Si tes fonctions sont définies dans un fichier et les appels dans un autre, ça n'a aucune importance à partir du moment où le fichier contenant les fonction a été chargé lorsqu'on appelle effectivement les fonctions. Et si la balise appelant les définitions de fonction se trouve avant celle faisant les appels, ce sera toujours le cas.

Quand tu inclues jQuery dans ta page, t'as pas besoin que tes scripts jQuery soient placés dans le fichier contenant jQuery il me semble ?

[mapmip]

Non, si je mets pas en paramètre le $ dans ma func2, ca ne marchera pas.

[Bovino]

Mais à quoi peuvent bien servir les fermetures dans ton cas ?

[mapmip]

si je ne mets pas les closures certaines versions de jquery se mélangent entre elles :
le jquery de ma version de drupal 7 et un autre jquery plus récent.
Enfin je ne me rappelle plus,mon code est vieux. Si je ne mets pas de closures mon code part en vrille

[SpaceFrog]

pourquoi utiliser des versions différentes de jquery ???

voir également noconflict() ...

[mapmip]

parce que pour mes besoins je préfère utiliser une version plus récente de jquery et
j'ai remarqué que si j'updatais le jquery du noyau de mon drupal 7 , il y avait des problèmes.

[Bovino]

Si je ne mets pas de closures mon code part en vrille

Le fait que tu postes dans le forum tendrait à penser que si tu les mets, ça part en vrille aussi !

Enfin, je partage l'avis de Spaffy.

[danielhagnoul]

Je partage les avis de SpaceFrog et de Bovino.

si je ne mets pas les closures certaines versions de jquery se mélangent entre elles :
le jquery de ma version de drupal 7 et un autre jquery plus récent.
Enfin je ne me rappelle plus,mon code est vieux. Si je ne mets pas de closures mon code part en vrille

parce que pour mes besoins je préfère utiliser une version plus récente de jquery et
j'ai remarqué que si j'updatais le jquery du noyau de mon drupal 7 , il y avait des problèmes.

Tenant compte des données du problème, je ne vois qu'une mauvaise solution, augmentez la pollution de l'espace de noms "window". Cela implique des modifications de code et une dégradation des performances.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
( function( $ ){
    window.func1 = function( ){
        func2( "func1 : " );
    };
 
    $( window ).load( function( ){
	func1( );
    });
})( jQuery );
 
( function( $ ){
    window.func2 = function( str ){
        alert( str + "eeeeee" );
    };
 
    $(window).load( function( ){
        func2( "func2 : " );
    });
})( jQuery );

[mapmip]

si je retire la closure de mon fichier A.js voici le message d'erreur :
TypeError: $ is not a function
au niveau du $window.load(

[SpaceFrog]

http://api.jquery.com/jquery.noconflict/