Discussion :

[doudou34]

Bonjour,
voici mon soucis :
je dispose de 2 fichiers javascript utilisant tous les 2 la bibliotheque JQuery.
Je souhaiterais appeler une fonction du premier fichier dans le 2nd mais cela ne marche pas.
Pourriez-vous me dire pourquoi et s'il y a une solution ?
Par avance merci.

Voici un exemple de ce que je cherche à faire :
(les 2 fichiers sont bien exportés par le fichier HTML "maitre")

Fichier1.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$(document).ready(function() { 
	/**
	 * Permet d'afficher une boite de dialogue dans le cas d'une erreur
	 * @param string sTexteMessage : texte du message d'erreur
	 */
	function alertErrorMessage(sTexteMessage)
	{
		//code utilisant JQUERY-UI
	}
});

Fichier2.js

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$(document).ready(function() { 
	$("#bouton").click(function()
	{
		var sValeur = $("#toto").val();
		if(sValeur == ""){
			alertErrorMessage("Veuillez saisir la valeur de toto");
		}
	});
});

[MrPringle]

Tu utilises deux closures différentes, c'est normal. Il faut que tu déclares la première fonction en variable globale, remplaces la ligne 7 par :

Code :

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

alertErrorMessage = function (sTexteMessage)

[doudou34]

Arf Javascript et ses closures, c'est le truc que j'ai toujours eu du mal à comprendre....
Merci en tout cas MrPringle pour ta réponse.

Pourquoi lorsque je met "var" devant la ligne que tu me proposes en tant que correctif, cela ne marche plus ?
Lorsque je déclare la fonction en dehors de la closure, cela marche correctement mais est-ce bien propre de déclarer une fonction dont le code utilise jquery et jquery-ui en dehors de la closure de jquery ?

Aurais tu un bon article à me conseiller pour comprendre clairement ces closures ?
Car en cherchant sur le net, on trouve un peu tout et n'importe quoi... ca me semble pas vraiment complet
Merci encore.

[MrPringle]

Si tu mets "var", la fonction est déclarée dans la closure (fonction jQuery contenante), si tu l'omets, elle est déclarée globalement, dans l'objet window et est donc accessible par tous tes scripts.

Il est déconseillé d'utiliser les variables globales pour des raisons de compatibilité entre les scripts, mais tu peux le faire, n'en abuse pas.
Si tu utilises beaucoup de variables globales, le mieux est de les regrouper dans un objet.

Je vais me permettre de faire mon auto-promo, j'avais écris un article sur le scope des variables et le hoisting en JS, j'espère qu'il te sera utile.

[danielhagnoul]

Je vais me permettre de faire mon auto-promo, [...].

Outils pour construire un code jQuery évolutif