" />
Posez votre question Signaler

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

Messages postés
7
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
15 mars 2007
 - - Dernière réponse : 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
Javascript / DHTML Posez votre question Signaler
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 

3 réponses

Signaler Commenter la réponse de Zobibol
Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Statut
Membre
Dernière intervention
20 février 2017
 4
0
Merci
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]
Commenter la réponse de Zobibol
Signaler Commenter la réponse de cs_roro06
Messages postés
732
Date d'inscription
jeudi 2 janvier 2003
Statut
Membre
Dernière intervention
29 octobre 2007
0
Merci
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
Commenter la réponse de cs_roro06
Signaler Commenter la réponse de biglover971
Messages postés
7
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
15 mars 2007
 2
-2
Merci
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
Commenter la réponse de biglover971
Répondre Posez votre question