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 :

différencier des buttons dans un tableau JS


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    174
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 174
    Par défaut différencier des buttons dans un tableau JS
    Bonjour j'ai une serie de bouton inclus dans un tableau je cherche à la différencier pour que la réaction attendue quand je click le bouton numero 5 ne concerne que celui ci alors que pour le moment si je click sur le 5 c'est le 1 qui réagit idem si je click sur le 3 ou le 2.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    for (sli=0; sli<SmartLink.smartlinks_infos.length; sli++) 
                    		{  
     
                    			//une ligne du tableau de liens cibles
                    			var cell2DisplayLine = document.createElement("tr");
     
                    			// Insertion d'une colonne contenant le Boutton de Suppression 
                    			var celluleButton = document.createElement("td");
                 				celluleButton.id = 'celluleButton';
       							celluleButton.innerHTML = '<input type="button" id="sli"  value="Supp" onclick="suppRetabLienCible()">';
       							cell2DisplayLine.appendChild(celluleButton);
    la fonction appelé on click

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    function suppRetabLienCible()
    {
    if (document.getElementById("sli").value == 'Supp')
    	{
    		document.getElementById("sli").value = 'Retablir';
        	return true;
       }
     
    else 
    	{
        		document.getElementById("sli").value = 'Supp';
        	return true;
       }
    }

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par lekunfry
    je cherche à la différencier pour que la réaction attendue quand je click le bouton numero 5 ne concerne que celui ci alors que pour le moment si je click sur le 5 c'est le 1 qui réagit idem si je click sur le 3 ou le 2.
    ne cherche plus : tes boutons ont le même id.
    Or c'est interdit.
    Un id doit être unique dans la page.

    Quand chacun aura son propre id, la question ne se posera plus

    A+

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    174
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 174
    Par défaut
    Citation Envoyé par E.Bzz
    Bonjour,ne cherche plus : tes boutons ont le même id.
    Or c'est interdit.
    Un id doit être unique dans la page.

    Quand chacun aura son propre id, la question ne se posera plus

    A+
    Bonjour et merci d'avoir pris le temps de répondre

    je cherche justement un moyen pour différencier les ID de mes bouttons qui sont créés par une boucle... j'ai essayé d'utiliser le compteur de boucle comem ID mais ça marche pas... je devais me tromper au niveau syntax je crois...

    Vous feriez comment vous pour différencier des boutons qui sont génrés dans une boucle comme ça? je pense que le compteur est une bonne voie mais je calle sur la syntaxe!

  4. #4
    Membre éprouvé Avatar de LexWizard
    Développeur informatique
    Inscrit en
    Août 2007
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2007
    Messages : 101
    Par défaut
    Tu peux faire comme ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    celluleButton.id = 'celluleButton' + sli;
    celluleButton.innerHTML = "<input type='button' id='btn" + sli + "' value="Supp" onclick="suppRetabLienCible()">';
    Tes cellules auront les IDs "celluleButton0", "celluleButton1", "celluleButton2"...
    Et tes boutons auront comme ID : "btn0", "btn1", "btn2", ...

    En esperant que ça réponde à ta question

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par LexWizard
    Tu peux faire comme ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    celluleButton.id = 'celluleButton' + sli;
    celluleButton.innerHTML = "<input type='button' id='btn" + sli + "' value="Supp" onclick="suppRetabLienCible()">';
    Tes cellules auront les IDs "celluleButton0", "celluleButton1", "celluleButton2"...
    Et tes boutons auront comme ID : "btn0", "btn1", "btn2", ...
    Oui, en corrigeant les imbrications de doubles et simples quotes

    A+

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    174
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 174
    Par défaut
    Citation Envoyé par E.Bzz
    Oui, en corrigeant les imbrications de doubles et simples quotes

    A+
    Merci à tous les deux ça fonctionne du feux de God!

  7. #7
    Membre éprouvé Avatar de LexWizard
    Développeur informatique
    Inscrit en
    Août 2007
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2007
    Messages : 101
    Par défaut
    Citation Envoyé par E.Bzz
    Oui, en corrigeant les imbrications de doubles et simples quotes

    A+
    Ah oui
    Merci

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    174
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 174
    Par défaut
    le problem résidait tout simplement dans l'utuilisation d'une variable à l'exterieur de son scoreet de son passageen paramettre d'une autre fonction etc...

    un truc tout simple quoi, un truc de débutant!

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

Discussions similaires

  1. Non impression des couleurs dans le tableau.
    Par sebduduf dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 27/07/2005, 16h13
  2. [langage] Compter des éléments dans un tableau
    Par helene22500 dans le forum Langage
    Réponses: 29
    Dernier message: 23/05/2005, 11h38
  3. [Tableaux]Ajouter des valeurs dans un tableau
    Par Antoine1183 dans le forum Collection et Stream
    Réponses: 13
    Dernier message: 03/04/2005, 13h41
  4. [C#] Affichage des lignes dans un tableau.
    Par maldufleur dans le forum ASP.NET
    Réponses: 4
    Dernier message: 21/04/2004, 11h28
  5. Décaler des valeurs dans un tableau
    Par sh2003 dans le forum Langage
    Réponses: 6
    Dernier message: 20/03/2004, 16h01

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