[résolu]Comment attraper tous les noeud d'un même type dans un tableau

Marsh Posté le 29-03-2007 à 13:46:47

Bonjour,

J'essaye d'agir sur des checkbox placé dans un tableau html comme ceci :

html :

Code :

<table id="tableau">
<tr><td>code</td><td>libelle</td></tr>
<tr><td><input type="checkbox" ....></td><td>Rouge</td></tr>
<tr><td><input type="checkbox" ....></td><td>Jaune</td></tr>
<tr><td><input type="checkbox" ....></td><td>Vert</td></tr>
</table>

Mon script

Code :

function GereChkbox( a_faire) {
var blnEtat=null;
var Chckbox = document.getElementById("tableau" ).getElementsByTagName('tr')[0].getElementsByTagName('td')[0].getElementsByTagName('*');
while (Chckbox!=null)
{ alert(Chckbox.nodeName);
if (Chckbox.nodeName=="input" )
if (Chckbox.getAttribute("type" )=="checkbox" )
{
blnEtat = (a_faire=='0') ?
false : (a_faire=='1') ?
true : (document.getElementById(Chckbox.getAttribute("id" )).checked) ?
false : true;
document.getElementById(Chckbox.getAttribute("id" )).checked=blnEtat;
}
Chckbox = Chckbox.nextSibling;
}
}

Mais je n'arrive qu'à lite le 1er TD du 1er TR alors que je voudrais lire tous les td.

Une idée sur ce genre de problème ?

Merci d'avance

Message édité par pierre419 le 29-03-2007 à 22:09:13

Reply

Marsh Posté le 29-03-2007 à 13:46:47

Reply

Marsh Posté le 29-03-2007 à 13:53:49

Ca me paraît logique que tu n'arrives qu'à lire le premier td, vu que tu ne sélectionne que le premier td au lieu d'itérer...

Reply

Marsh Posté le 29-03-2007 à 14:02:25

Code :

var Chckbox = document.getElementById("tableau" ).getElementsByTagName('input');

Message cité 1 fois

Reply

Marsh Posté le 29-03-2007 à 19:21:18

anapajari a écrit :

Code :

var Chckbox = document.getElementById("tableau" ).getElementsByTagName('input');

Merci, mais je ne passe pas la ligne

Code :

if (Chckbox.nodeName=="input" )

Reply

Marsh Posté le 29-03-2007 à 22:08:36

La soluce c'est ça

Code :

function GereChkbox(conteneur, a_faire)
{
var blnEtat=null;
var Chckbox = document.getElementById(conteneur).getElementsByTagName('input');
for (i in Chckbox)
{
if (Chckbox[i].nodeName=="INPUT" )
if (Chckbox[i].getAttribute("type" )=="checkbox" ) {
blnEtat = (a_faire=='0') ? false : (a_faire=='1') ? true : (document.getElementById(Chckbox[i].getAttribute("id" )).checked) ? false : true;
document.getElementById(Chckbox[i].getAttribute("id" )).checked=blnEtat;
}
}
}

Merci à vous

Reply

Marsh Posté le 30-03-2007 à 08:41:52

waouhhh peux tu m'expliquer l'interêt de la ligne suivante:

Code :

document.getElementById(Chckbox[i].getAttribute("id" )).checked

Pourquoi ne pas écrire directement:

Code :

Chckbox[i].checked

Par ailleurs je te deconseille d'utiliser la syntaxe for ( i in ...) quand tu sais pas très bien ce que tu manipules ( tu peux te retrouver avec les methodes d'un objet itérés avec cette méthode) et de lui préférer "for(var i=0; i<tableau.lenght; i++)"

Reply

[résolu]Comment attraper tous les noeud d'un même type dans un tableau

Sujets relatifs:

Leave a Replay