Recuperer l'attribut "id" d'une balise <li> [Résolu]

Question

Recuperer l'attribut "id" d'une balise <li> [Résolu]

Signaler

biglover971

Messages postés: 7
Date d'inscription: mardi 18 février 2003
Statut: Membre
Dernière intervention: 15 mars 2007

- 15 mars 2007 à 10:12
biglover971

Messages postés: 7
Date d'inscription: mardi 18 février 2003
Statut: Membre
Dernière intervention: 15 mars 2007

- 15 mars 2007 à 12:41

Bonjour,
Voila mon souci. J'ai une liste comme ceci :

    <li id="1" class="mesmontages" name="1" onclick/>
    <li id="2" class="mesmontages" name="2" />
    <li id="2" class="mesmontages" name="3" />

J'arrive à afficher l'attribut "id" grace a l'evenement : onclick="alert(this.id)", qui m'affiche bien la valeur dans une pop-up.
Maintenant je voudrais récupérer ce même id en cliquant sur la balise <li> mais en appelant une fonction dans l'événement "onclick". J'ai essayé quelques fonctions DOM, et le fameux "document.getElementByID", mais ce qui me faut justement en paramètre, c'est ce fameux attribut "id" de la balise <li> sur laquelle je clic.
Je ne vois vraiment pas comment faire a part ca. Merci pour vos suggestions.

NEO971

Afficher la suite

A voir également:

Récupérer id javascript
Récupérer la valeur d'un id javascript - Meilleures réponses
Recuperer l'id d'un element javascript - Meilleures réponses
Récupérer l'attribut ✓ - Forum - Javascript / DHTML
Recuperer l'id d'un element cliqué!!! ✓ - Forum - Javascript / DHTML
Récuperer l'id d'une image et de son parent en cliquant sur l'im ✓ - Forum - Javascript / DHTML
Comment récupérer l'id d'une fenêtre en fonction de son nom ✓ - Forum - Javascript / DHTML
Récuperer un id en javascript - Forum - Javascript / DHTML

3 réponses

Répondre Posez votre question

Zobibol · Answer 1 · 2007-03-15T10:28:38+0100

Réponse 1 / 3

Zobibol

Messages postés: 469
Date d'inscription: mercredi 9 janvier 2002
Statut: Membre
Dernière intervention: 20 février 2017

5
15 mars 2007 à 10:28

Bonjour,
tu veux récupérer l'id de la balise li sur laquelle tu as cliqué, si j'ai tout compris ( ce qui m'étonnerais fort ;o) )
<script>
    function getId(obj){
       alert ( obj.id );
    }
</script>
ul id="ul_montage" class="mesmontages" >
    <li id="1" class="mesmontages" name="1" onclick="getId(this)"/>
    <li id="2" class="mesmontages" name="2" />
    <li id="2" class="mesmontages" name="3" />

mais je présume que ce n'est pas ce que tu veux
[o-_-o]

cs_roro06 · Answer 2 · 2007-03-15T11:02:09+0100

Réponse 2 / 3

cs_roro06

Messages postés: 732
Date d'inscription: jeudi 2 janvier 2003
Statut: Membre
Dernière intervention: 29 octobre 2007

15 mars 2007 à 11:02

Bonjour

Pas sûr non plus d'avoir compris la question, mais quelque chose comme :
<li id="1" class="mesmontages" name="1"onclick="mafonction(this.id)"/>

(comme pour l'alert, en fait)

Cordialement
Roro webDev

biglover971 · Answer 3 · 2007-03-15T12:41:11+0100

J'ai resolu le probleme. Merci roro06(j'avais deja testé comme tu a fais mais ca ne fonctionnait pas). Merci AJAX et Prototype !

Voila ce que je fait, ca pourrait aider d'autres :

- Voici le code html (il ne faut pas oublier d'inclure la librairie Protorype dans l'en-tête):
<head>
...
<script type="text/javascript" src="prototype.js"></script>
...
</head>
...

    <li id="1" class="mesmontages">ligne1</li>
    <li id="2" class="mesmontages">ligne2</li>
    <li id="3" class="mesmontages">ligne3</li>

....
- Ici on a un bouton qui ajoute un observer (observateur) sur la div "ma_div", et ainsi de même à chaque clic sur ce bouton.

-Et voici le code JavaScript à mettre entre des balises <script></script> ou dans un fichier externe :

function getId()
{
    Event.observe("ma_div","click",afficherID);
        function afficherID(evt)
    {
        elementCliquer = Event.element(evt);
        var myID = elementCliquer.id;
        alert(myID);
    }
}
-

NEO971

Votre réponse