Recuperer l'attribut "id" d'une balise <li>

Résolu

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

A voir également:

Récupérer la valeur d'un id javascript
Recuperer l'id d'un element javascript - Meilleures réponses
Récupérer id javascript - Meilleures réponses
Récupérer l'attribut ✓ - Forum - Javascript / DHTML
Recuperer l'id d'un element cliqué!!! ✓ - Forum - Javascript / DHTML
Comment récupérer l'id d'une fenêtre en fonction de son nom ✓ - Forum - Javascript / DHTML
Récupérer une valeur d'un modal dans un input ✓ - Forum - Javascript / DHTML
Recupérer la valeur d'un select ✓ - Forum - Javascript / DHTML

3 réponses

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

6
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]

Réponse 3 / 3

biglover971

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

2
15 mars 2007 à 12:41

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

Discussions similaires

Récupérer l'attribut "id" de l'élément cliqué

recuperer l'id d'un element cliqué!!!

en js, comment récupérer la valeur de la ligne courante de

récuperer un id en javascript

Récuper la valeur d'une checkbox

Checkbox recuperer la valeur

A voir également

Votre réponse

Discussions similaires