IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Récupérer l'id d'un élément par son index


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2012
    Messages : 3
    Points : 2
    Points
    2
    Par défaut Récupérer l'id d'un élément par son index
    Bonjour à tous !
    Voilà je suis confrontée à un petit problème avec mon code Javascript.
    Je possède un tableau HTML que voici:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <tbody class="ui-sortable">
    <tr id="tableaumesures2_row76" class="tableaumesures_mesures">
    <tr id="tableaumesures2_row77" class="tableaumesures_mesures">
    <tr id="tableaumesures2_row78" class="tableaumesures_mesures">
    <tr id="tableaumesures2_row79" class="tableaumesures_mesures">
    <tr id="tableaumesures2_row80" class="tableaumesures_mesures">
    </tbody>

    J'aimerais récupérer en Javascript l'id d'un élément en spécifiant sa position (son index).
    Par exemple l'id de l'élément à la position 0 est "tableaumesures2_row76".
    Est-ce que cela est faisable? Et si oui, comment ?

    Merci d'avance pour vos réponses !

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    avec un getElementsByTagName qui va retourner les tr dans un tableau
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var tr = document.getElementById("idTable").getElementsByTagName("tr");
    for (i=0; i<tr.length; i++){
    	alert (tr[i].id);
    }
    A+.

  3. #3
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2012
    Messages : 3
    Points : 2
    Points
    2
    Par défaut
    Merci pour ta réponse andry.aime, cela fonctionne parfaitement.
    Je me retrouve maintenant face à un autre soucis. Voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
     
    $("#tableaumesures_tableau_sens2 tbody").sortable({
    	update: function(event, ui) {
    		var tablePositions = new Array();
    		var chaine = "";
    		var i;
    		var tr = document.getElementById("tableaumesures_tableau_sens2").getElementsByTagName("tr");
    		var client = (document.getElementById('tableaumesures2_imagepivoter').parentNode.id);
     
    		for(i=0;i<tr.length;i++){
    			if(chaine==""){
    				chaine = client + "/" + i + "-" + (tr[i+1].id);
    			}
    			else{
    				chaine = chaine + "," + i + "-" + (tr[i+1].id);
    			}
    			alert(chaine); //alert1
    		}
    		alert(chaine); //alert2
    		createCookie("tableau2_cli" + client + "_row_positions", chaine, 1000);
    	},
    	helper: fixHelper
    }).disableSelection();
    Le "alert2" (et le createCookie par la même occasion) ne fonctionnent plus. Pourtant le "alert1" fonctionne bien et "chaine" contient ce que je veux. En gros, tout ce qui vient après le for semble ne pas vouloir se déclencher.

  4. #4
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2012
    Messages : 3
    Points : 2
    Points
    2
    Par défaut
    Le problème a finalement été résolu, il venait d'un mauvais tour de boucle.
    Voici le code final :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
     
    $("#tableaumesures_tableau_sens2 tbody").sortable({
    	update: function(event, ui) {
    		var tablePositions = new Array();
    		var chaine = "";
    		var i;
    		var tr = document.getElementById("tableaumesures_tableau_sens2").getElementsByTagName("tr");
    		var client = (document.getElementById('tableaumesures2_imagepivoter').parentNode.id);
     
    		for(i=0;i<tr.length;i++){
    			if(chaine==""){
    				if(i>0){
    				chaine = client + "/" + i + "-" + (tr[i].id);
    				}
    			}
    			else{
    				chaine = chaine + "," + i + "-" + (tr[i].id);
    			}
    		}
    		alert(chaine);
    		createCookie("tableau2_cli" + client + "_row_positions", chaine, 1000);
    	},
    	helper: fixHelper
    }).disableSelection();
    Merci encore pour ta réponse rapide andry.aime !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [SimpleXML] et recherche d'un élément par son attribut
    Par Tutotictac dans le forum Bibliothèques et frameworks
    Réponses: 2
    Dernier message: 28/03/2009, 17h39
  2. Réponses: 2
    Dernier message: 24/11/2008, 11h53
  3. Récupérer le nom d'un bouton par son Caption
    Par Duan dans le forum Delphi
    Réponses: 5
    Dernier message: 30/04/2007, 13h04
  4. Réponses: 2
    Dernier message: 10/05/2004, 12h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo