[DOM] parametre sur evenement onclick IE

Version imprimable

Je n'arrive pas a passer un paramètre pour ma fonction qui est sur mon événement onclick avec IE :

La construction du bouton devrait donner ce résultat :

Code:

1
2
 
<input type="button" name="classeN" value="Supprimer" class="buttonSupprimer" onClick="supprimerClasse(this.name);" />

ou ClasseN est "classe"+incrément.

Code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
	// Si IE
	if (document.all) {
		cellInput.setAttribute("className","buttonSupprimer");
		cellInput.onclick = supprimerClasse;
	} else {
	// FF
		cellInput.setAttribute("class","buttonSupprimer");
		cellInput.setAttribute("onClick","supprimerClasse(this.name);");
	}
 
	// Insertion dans la DOM
	cell.appendChild(cellInput);
	row.appendChild(cell);
}
 
function supprimerClasse(classe){
	// Recuperation de l'element a supprimer par le TR car chacun est associé a un ID classeN
		elementToDelete = document.getElementById(classe);
		alert("nodeName : "+elementToDelete.nodeName+"\nClasse : "+classe);
}

08/01/2009, 13h09
boutmos
alors j'ai reussi a recuperer sur mon evenement onclick la classeN a supprimer, j'ai simplement remplacé cette ligne pour IE :

Code:

cellInput.onclick = supprimerClasse;

par :
Code:

1 2 3 4 5 6 cellInput.onclick = function(j){ return function() { alert(this.name); } }(i);
Mais je ne comprends absolument pas le code. Si qlq'1 pouvait m'expliquer celui ci plus clairement. D'avance, merci

encore mieux :
Code:

1 2 3 4 5 6 cellInput.onclick = function(j){ return function() { supprimerClasse(this.name); } }(i);
et là, je me retrouve avec la même function de traitement pour mes navigateurs :)

08/01/2009, 15h19
Auteur
bonjour,

tu peux même te passer de setAttribute :
Code:

1 2 3 cellInput.className = "buttonSupprimer"; cellInput.onclick = function(){supprimerClasse(this.name);}
à quoi servent tes paramètres (i) et (j) dans le code de ton dernier message ?

Pour attribuer un name à un input il faut procéder autrement ;)
08/01/2009, 15h28
boutmos

Citation:

à quoi servent tes paramètres (i) et (j) dans le code de ton dernier message ?

bah justement c'est bien ces paramètres là que je ne comprends pas. j'ai essayé de les enlever mais çà génère des erreurs sous IE. Dans le doute, je préfère les laisser jusqu'a ce que j'en connais la significations/comportement.

Merci pour le hint sur className :)
08/01/2009, 15h29
Auteur

Citation:

Envoyé par boutmos

bah justement c'est bien ces paramètres là que je ne comprends pas. j'ai essayé de les enlever mais çà génère des erreurs sous IE. Dans le doute, je préfère les laisser jusqu'a ce que j'en connais la significations/comportement.

dans ce cas :

Code:

cellInput.onclick = function(){supprimerClasse(this.name);}

ça marche sous IE et FF.
08/01/2009, 15h34
boutmos

lol c'est justement ce que je viens de voir en faisant quelques tests :

ta méthode est carrément mieux car je me passe du coup d'un test et çà raccourci mon code :) merci beaucoup.

Je retourne dans mes éléments DOM =) mon projet avance doucement mais surement, çà fait plaisir. Merci
08/01/2009, 15h44
boutmos

Hé bein , çà marche même avec opéra 9.1 qui me générait les boutons sans le style :)