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

biglover971 7 Messages postés mardi 18 février 2003Date d'inscription 15 mars 2007 Dernière intervention - 15 mars 2007 à 10:12 - Dernière réponse : biglover971 7 Messages postés mardi 18 février 2003Date d'inscription 15 mars 2007 Dernière intervention
- 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 

3 réponses

Répondre au sujet
Zobibol 469 Messages postés mercredi 9 janvier 2002Date d'inscription 20 février 2017 Dernière intervention - 15 mars 2007 à 10:28
0
Utile
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
cs_roro06 732 Messages postés jeudi 2 janvier 2003Date d'inscription 29 octobre 2007 Dernière intervention - 15 mars 2007 à 11:02
0
Utile
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
biglover971 7 Messages postés mardi 18 février 2003Date d'inscription 15 mars 2007 Dernière intervention - 15 mars 2007 à 12:41
-2
Utile
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

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.