Discussion :

[zadoner33]

Bonjour,

mon problème est simple, je cherche un moyen de passer des paramètres sur un évènement onclick via une fonction dans mon jquery.

Code :

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

 <div onclick="showComGraph2('date1', 'data2');" >

Le problème dans le jquery, la fonction ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
 
<script type="text/javascript">
$(function(){
   function showComGraph2(param1, param2)  { console.log(param1); }
});
 // retour du console log : 	ReferenceError: showComGraph2 is not defined
</script>

Si je place le code de ma fonction en dehors du jQuery, cela fonctionne mais du coup je ne suis plus dans le contexte jQuery...

Alors j'ai cherché et trouvé des solutions, comme par exemple :
- soit passer mes paramètres via les attributs du type data-param1="test" data-param2="test2"
- ou bien passer par un plugin metadata.
(source : http://www.developpez.net/forums/d84...iques-onclick/

Mais ce que je voudrais comprendre, c'est pourquoi cela n'est pas possible 'nativement' dans jQuery (sans avoir a passer par l'écriture data-parm....) ?
Existe-t-il d'autres solutions ?
Cela me parait être presque la base, on utilise beaucoup les fonctions et les passages de paramètres...
Quelque chose m'échappe... non ?
Pourquoi perd t'on le contexte jQuery avec un onclick="maFonction('param')" ?

Si quelqu'un peut m'éclairer sur le sujet , ce serait tip top !
Merci par avance
David

[mathieu]

pour bien séparer les différentes parties, il vaut mieux ne pas mettre le code JavaScript dans le code HTML et le mettre dans le fichier ".js"
de plus avec jQuery la gestion des évènement se fait habituellement dans ce genre

Code :

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

1
2
3
4
5
$(function(){
    $("#divACibler").click(function (e) {
        console.log(e);
    });
});

donc pour récupérer un paramètre lié à cet élément "div", le plus pratique est d'utiliser un "data-..."

[NoSmoking]

Bonjour,

Pourquoi perd t'on le contexte jQuery avec un onclick="maFonction('param')" ?

simplement parce que ta fonction est dans une « closure » (fermeture en français), donc non accessible à l'extérieure de celle-ci, jQuery n'y est pour rien.

Suit le conseil de mathieu

[zadoner33]

Ok, ça marche, merci beaucoup pour vos réponses et conseils.
Cdlt,
David

[Toufik83]

Pourquoi perd t'on le contexte jQuery avec un onclick="maFonction('param')" ?
Si quelqu'un peut m'éclairer sur le sujet , ce serait tip top !

pour que ta fonction soit reconnue dans le context de jQuery tu peux essayer ça :

Code :

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

1
2
3
4
5
6
7
8
 
$(function(){
 
 showComGraph2= function (param1, param2)  {
      console.log(param1+","+param2); 
  }
 
});

puis le html :

Code :

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

1
2
 
<div onclick="showComGraph2('parametre 1','parametre 2')"></div>