Discussion :

[Kaory]

Bonsoir,

Je me retrouve avec le code suivant :

Code :

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

1
2
3
4
5
6
7
8
 
// "add-to-dropbox" event
  .find('.hierarchical-select .add-to-dropbox').unbind().click(function(_hsid) {
    return function() {
      Drupal.HierarchicalSelect.update(_hsid, 'add-to-dropbox', { opString : addOpString });
      return false; // Prevent the browser from POSTing the page.
    };
  }(hsid)).end()

Et en fait je ne comprends vraiment pas ce que représente le (hsid) de la dernière ligne (avec .end()) ... pouvez-vous m'éclairer s'il vous plait ?

Merci d'avance pour votre aide.

Bien cordialement,

Kaory

[maysam]

la réponse à ta question dans ce lien:
http://jquery.jarodxxx.com/manuel/Les-parcours/end/

[Kaory]

Bonjour,

Merci pour votre réponse mais je comprends ce que end() fait.
Ce que je ne comprends, c'est le sens du (hsid) qui le précède ?

Est-ce que ce serait la variable dans laquelle est stockée la valeur renvoyer par la fonction précédente (click ?) ?

Je vous remercie par avance pour votre aide.

Bien cordialemet,

Kaory

[Fenn_]

le (hsid) ne se rapporte pas à .end(), il suit la fonction anonyme bindée au clic de façon à lui indiquer qu'elle doit être exécutée avec cet argument.

C'est de la syntaxe javascript "classique", ça n'a pas vraiment à voir avec jquery.

Tu as en js deux grands types de fonctions: les nommées, que l'on déclare d'abord puis que l'on exécute en les appelant par leur identifiant et en leur passant des arguments, et les anonymes que l'on va généralement déclarer et utiliser au même endroit. (en gros)

fonctionnement classique d'une fonction nommée:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
//déclaration
 
function Afficher(valeur)
{
    alert(valeur);
}
 
//utilisation
 
Afficher("trois");

la même chose mais avec une fonction anonyme:

Code :

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

1
2
3
4
5
 
function(valeur)
{
    alert(valeur);
}("trois");

le "valeur" entre les parenthèses qui suivent "function" sert à déclarer l'argument, les parenthèses qui suivent le corps de la fonction servent à exécuter cette fonction avec "trois" en argument.

dans ton bout de code, tu indiques que la fonction anonyme qui commence par "function(_hsid)" doit être exécutée, avec un "_hsid" qui vaudra le contenu de la variable "hsid" au moment du bind.

Parce qu'au-delà de l'aspect exécution de fonction anonyme, on a ici une closure... J'aurais du mal à expliquer cela simplement. ^^' (si quelqu'un a un tuto facile sur les closures sous la main pour compléter).

Tu peux remarquer que la première fonction anonyme en renvoie une seconde. En fait, la première, de par la présence des ces fameuses parenthèses, est exécutée au moment du bind (donc généralement au chargement de la page), et c'est la deuxième qui est renvoyée comme argument de "click()".
Cette méthode est utilisée pour conserver la valeur de "hsid" au chargement de la page, quelque soit le moment où le clic se fait.

[marcha]

Salut,

Il s'agit d'un appel de fonction

C'est un mélange des notions suivantes:

1) Déclaration d'une fonction anonyme:

Code :

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

1
2
3
var f = function (a) {
  alert(a);
};

2) Appel d'une fonction

Code :

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

1
2
 
f(12);

3) Passage d'une fonction comme paramètre d'une autre

Code :

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

test(f);

4) Création de la fonction en l'appelant immédiatement

Code :

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

1
2
3
var f = function (a) {
  alert(a);
}(12);

Et au final, un mélange de tout ça:

Code :

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

1
2
3
4
5
test( 
  function(a) { 
    alert(a); 
  }(12); 
);

EDIT: Aie... trop tard :-) Voici l'article sur la closure de wikipedia, il est pas mal