Discussion :

[denisosteo]

Bonjour à tous,

J'essaye d'attribuer un onclick dynamiquement à des objet HTML
ma syntaxe actuelle est

Code :

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

myHtmlElement.onclick=function(){myFunction();};

Je n'ai pas d'erreur dans la console firebug mais le click ne genère pas l'appel voulu à la fonction.
Une seconde étape lorsque la première sera fonctionnelle sera de passer des arguments à la fonction comme ceci:

Code :

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

1
2
$var aParam = 0;
myHtmlElement.onclick=function(){myFunction(aParam);};

Je pense qu'il doit manquer des quotes ou doubles quotes quelque part ?

[Kaamo]

Je n'ai pas d'erreur dans la console firebug mais le click ne genère pas l'appel voulu à la fonction.

Pourtant il n'y a pas de problème, c'est ainsi que tu peux exécuter myFunction au clic sur myHtmlElement.
Ou plus simplement :

Code javascript :

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

myHtmlElement.onclick = myFunction;

$var aParam = 0; => Que fait le $ ici ? C'est un problème de copié/collé ?

Code javascript :

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

1
2
3
4
var aParam = 0;
myHtmlElement.onclick = function(){
  myFunction(aParam);
};

[Bovino]

Reste à savoir d'où sort myHtmlElement.
Une erreur typique est de vouloir appliquer une méthode (ou définir une propriété) d'un élément HTML à une collection.
Donc si la variable myHtmlElement correspond à une collection (utilisation de getElementsByTagName, getElementsByName, getElementsByClassName, querySelectorAll), ça ne peut pas marcher.

[denisosteo]

L'élément est de type td :

Code :

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

1
2
3
4
5
6
7
8
9
for (var i=0; i < 4; i++) {
  cellule = ligne.insertCell();
  cellule.innerHTML = elements[2];  
  cellule.onclick=function(){test(i);};
}
 
function test(val) {
  alert("cellule " + val);
}

C'est presque bon mais il manque une étape. Toutes les cellules renvoient la même valeur puisque bien sure i n'est pas remplacé par sa valeur quand on assigne la fonction à onclick. Quelle est la bonne syntaxe pour obtenir une substitution de i par sa valeur lors de l'assignation de la fonction ?

[NoSmoking]

Bonjour,
il existe la solution proposée par la
Comment attribuer à des objets un onclick faisant appel à une variable de boucle ? entre autres.

[denisosteo]

Merci, oui j'ai utilisé le même type de contournement en créant un id pour mes éléments qui me permet de récupérer la valeur cherchée en utilisant this.id

On va dire que c'est résolu comme ça

[NoSmoking]

Le fait d'utiliser this.id n'est pas forcément une bonne idée (mouarf!!!), l'ID pouvant avoir était déjà attribuée.
Il est plus sûr d'utiliser une propriété personnelle, ex: myId, pour ne pas risquer les conflits.

D'un autre coté si ton besoin est de récupérer la position de la cellule sur la ligne un simple this.cellIndex devrait être suffisant.