begin process at 2012 05 29 13:16:51
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Parcours d'un tableau en JS


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Parcours d'un tableau en JS

mardi 2 novembre 2010 à 15:06:30 | Parcours d'un tableau en JS

Canyata

Bonjour à tous

J'ai une question à vous poser.

J'ai un tableau en HTML sur ma page:

Code PHP :
echo"<table id='tab_tech'>";
	echo"<thead>";
		echo"<tr>";
			echo"<th width='28px'>";
			echo"</th>";
			echo"<th width='235px'>";
			echo"</th>";
			echo"<th width='22px'align='right'>";
			echo"</th>";
		echo"</tr>";
	echo"<thead>";
	echo"<tbody>";
	echo"</tbody>";
echo"</table>";


Sur ce tableau j'ajoute en JS des lignes:

Code Javascript :
function ajouter_Technicien(){
                 getXhr();
                // On défini ce qu'on va faire quand on aura la réponse
                xhr.onreadystatechange = function(){
                    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
                    if(xhr.readyState == 4 && xhr.status == 200){
                        leselect = xhr.responseText;
                        // On se sert de innerHTML pour rajouter les options a la liste
                        ajouterLigne(leselect);
                        modifier_Liste_Technicien();
                    }
                }
                // Ici on va voir comment faire du post
                xhr.open("POST","vue/ajaxTechnicien.php",true);
                // ne pas oublier ça pour le post
                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                // ne pas oublier de poster les arguments
                // ici, l'id de l'auteur
                sel = document.getElementById('technicien_affecte');
                idtechnicien = sel.options[sel.selectedIndex].value;
                alert(idtechnicien);
                xhr.send("ID_TECHNICIEN="+idtechnicien);
            }


Code Javascript :
function ajouterLigne(nom){
	var tableau = document.getElementById("tab_tech");
 
	var ligne = tableau.insertRow(-1);//on a ajouté une ligne
 
	var colonne1 = ligne.insertCell(0);//on a une ajouté une cellule
	colonne1.innerHTML += "<img src='img/technicien_petit.png'>";
 
	var colonne2 = ligne.insertCell(1);//on ajoute la seconde cellule
	colonne2.innerHTML += nom;
 
	var colonne3 = ligne.insertCell(2);//on ajoute la troisieme cellule
	colonne3.innerHTML += "<img src='img/supprimer_blanc_petit.png'>";
}

Quand je parcours mon tableau avec:

Code Javascript :
var arrayLignes = document.getElementById("tab_tech").rows; //on récupère les lignes du tableau
var longueur = arrayLignes.length;//on peut donc appliquer la propriété length
alert("Longueur :" + longueur);
 
for(var i=0; i<longueur; i++)//on peut directement définir la variable i dans la boucle
{
	var arrayColonnes = arrayLignes[i].cells;//on récupère les cellules de la ligne
	var largeur = arrayColonnes.length;
	alert("Largeur :" + largeur);
}


Il me sort le bon nombre de ligne et de colonne.

Je souhaiterais voir ce qu'il y a dans la cellule de la ligne 1 (pas la 0 la première que je vais ajouter) de la colonne 2 (qui a l'indice 1).

Est-t-il possible de faire une alert(quelque chose de [1][1]) ???

Comment puis-je faire également pour voir ou récuperer la valeur qu'il y a dans une cellule du tableau si j'ai ses coordonnées (pour faire une comparaison de cette valeur? )

Merci d'avance j'espère que j'ai été clair.
mardi 2 novembre 2010 à 15:39:07 | Re : Parcours d'un tableau en JS

kazma

Administrateur CodeS-SourceS
j'ai du mal a suivre sinon dans un tableau si je veut atteindre la troisiemee colonne de la deuxieme ligne je ferait

Code Javascript :
 var tb=document.getElementById('montableau')
tb.rows[1].cells[2].childNodes[0].nodeValue)


en admettant que j'ai du texte a cette endroit cela me retournera le texte
mardi 2 novembre 2010 à 16:18:05 | Re : Parcours d'un tableau en JS

Canyata

  0                 1                2
0        IMG                 Titi             IMG

1        IMG                Toto             IMG


Ce qu'il m'interesse c'est en fait de pouvoir récuperer la valueur des lignes dans la colonne 1 pour les traiter.

Et je sais pas trop comment faire

En gros je veux récuperer Titi et Toto et les comparer à une autre valeur :)

Merci de la réponse :)
mardi 2 novembre 2010 à 16:58:49 | Re : Parcours d'un tableau en JS

Zobibol

Membre Club
Réponse acceptée !
Le traitement n'était pas loin

Mais il y a un décallage avec ton dernier commentaire, la colonne 1 contient IMG et non "titi" (il est partout celui la ), il est dans la colonne 2.
Je présume qu'une erreur c'est produite, vu que le code javascript de la méthode ajouterLigne indique plutôt que titi est dans la colonne 1.

Code Javascript :
for(var i=0; i<longueur; i++)//on peut directement définir la variable i dans la boucle
{
	var columnValue = arrayLignes[i].cells[1].innerHTML; // récupère le contenu de la deuxième cellule.
	alert(" à la ligne " + i + " la colonne nom vaut: "  + columnValue );
}


non ?



[o-_-o]
mercredi 3 novembre 2010 à 13:17:01 | Re : Parcours d'un tableau en JS

Canyata

Merci beaucoup :)


Cette discussion est classée dans : ligne, code, tableau, var, echo


Répondre à ce message

Sujets en rapport avec ce message

Suppression de lignes ajoutées, dans un tableau [ par ju0123456789 ] Bonjour, Tout d'abord désolé si je ne suis pas dans le bon sujet. Ensuite, J'ai un tableau par défaut avec 3 lignes. J'ai créé un bouton qui en créé Trouver le numéro d'une ligne [ par Canyata ] Salut à tous, j'ai un petit soucis :) J'ai un tableau en html/php: [code=php]echo""; echo"";[/code] Grace au javacript, j'arrive lorsque l'on clic Capture d'evenements checkbox sur tableau genere dynamiquement [ par eikichi ] Bonjour a tous, J'espère que vous serez indulgents concernant mon premier post sur ce forum, mais en l'ayant parcouru, je ne parviens toujours pas à Un ^peu d`aide si possible [ par SamJC ] Bonjour, j'avais besoin de laide en JS donc je me suis inscrit a ce site, si c'est possible sa serait apprecier Donc, comme exercice pour une classe c Ligne d'un tableau cliquable [ par KasPe ] Bonjour, Désolé si ma question n'est pas au bon endroit, mais comme j'ai l'intention de rajouter à ce code du javascript, je me suis dis ... Je cherc Mise en forme tableau javascript [ par bridierb ] Bonjour, J'ai créé un tableau d'entiers sous javascript auquel j"ai ajouté une fonction inverse. Cette fonction m'affiche bien mon tableau inversé mai Créer cellule td dans un tableau html [ par mike1310 ] Bonjour,J'ai un probleme de compatibilité entre IE et Mozilla (le truc super rare !!! ).Mon probleme lors d'un clic, sur un bouton, je dois pouvoir aj Ajout/suppression d'un champ input type -> Problème de récupération du tableau $_POST [ par alaska749 ] Bonjour, j'ai récupérer le script js ci-dessous permettant d'ajouter ou supprimer des input type text... ce script fonctionnne très bien mais je n'arr Suppression d'une ligne d'un tableau js [ par alaska749 ] Bonsoir, Après avoir souffert pour créer une simple table dynamique en javascript, je doit maintenant pouvoir supprimer n'aimporte quelle ligne de ce Supprime toujours la dernière ligne du tableau ? [ par alaska749 ] Bonsoir, J'ai ré-adapté un code trouvé afin qu'il m'initialise et me crée à chaque appel de la fonction, un tableau dynamique en fonction d'une chain


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales