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 :

id cellule tableau undefined


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2011
    Messages
    756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Août 2011
    Messages : 756
    Par défaut id cellule tableau undefined
    Bonsoir,

    pourriez vous m'expliquer le comportement suivant sur le morceau de code suivant

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <table id="zoneCombat">
    				<tr>
    					<td id="e0" onclick='alertTroupe()'>e11</td>
    					<td id="e1" onclick='alertTroupe()'>e12</td>
                                     </tr>
    </table>


    La fonction alertTroupe est chargé via un fichier js à part.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function alertTroupe(){
            alert(this.id);
    }
    Lorsque je clique sur la cellule de mon table e11, je m'attends donc à ce que le alert me retiyrne e0 et pour e12 qu'il me retourne e1.


    Sauf que, j'obtiens un undefined dans tous les cas à l'affichage...et je n'en comprends pas la raison; pourriez vous m'expliquer ?


    L'idée est simplement de pouvoir grâce au js récupérer la cellule du tableau sur laquelle j'ai cliqué.

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <table id="zoneCombat">
      <tbody>
        <tr>
          <td id="e0" onclick='alertTroupe( this )'>e11</td>
          <td id="e1" onclick='alertTroupe( this )'>e12</td>
        </tr>
      </tbody>
    </table>

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function alertTroupe( obj ){
      alert( obj.id );
    }

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre éprouvé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2011
    Messages
    756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Août 2011
    Messages : 756
    Par défaut
    Effectivement c'était ça,

    j'aurais pensé que l'élément étant le this je n'avais pas besoin de le passer en paramètre, l'erreur devait provenir de là j'imagine même si je ne comprends pas bien pourquoi ma version ne marchait pas =)

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    DANS la fonction, this = la fontione elle même

    DANS la balise this = la balise elle même (objet du DOM)
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. largeur cellule tableau css
    Par neril dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 21/12/2006, 08h40
  2. encadrement de cellules tableau
    Par CIBOOX dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 20/12/2006, 14h05
  3. Hauteur cellule tableau et formulaire
    Par sunvialley dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/10/2006, 08h47
  4. colorer cellule tableau
    Par Mike35 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 27/07/2006, 14h57
  5. [HTML] Fusionner cellule tableau dynamique
    Par gaetanc15 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 08/03/2006, 13h48

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