récupération d'id dans une variable

6 réponses

DaD

24/04/2007 à 11:38

Bonjour,
Hier, sous un autre pseudo ;-) , j'ai posé la question de comment
récupérer l'id d'un div ou d'un bouton dans une variable. Deux aimables
personnes m'ont indiqué une piste, mais je ne suis pas encore assez bon
en javascript et je n'ai pas réussi.
Je reformule donc ma question :
Dans le head de ma page, j'ai une fonction :
function recupere_id(){
}
Dans le body, j'ai par exemple cette ligne :
<div class="p1" id="p1"><input type="button" name= "recupere"
value="Récupère" id="r1" onclick=recupere_id()></div>

Je voudrais, dans ma fonction, avoir var x= l'id du div et var y= l'id
du bouton. Comment libeller mon code ?
Merci d'avance,
DaD

6 réponses

Olivier Miakinen

24/04/2007 à 12:05

Dans le head de ma page, j'ai une fonction :
function recupere_id(){
}
Dans le body, j'ai par exemple cette ligne :
<div class="p1" id="p1"><input type="button" name= "recupere"
value="Récupère" id="r1" onclick=recupere_id()></div>

Je voudrais, dans ma fonction, avoir var x= l'id du div

Cf. ma première réponse.
var x = this.parentNode.id;

et var y= l'id du bouton.

Cf. ma seconde réponse.
var y = this.id;

Ça ne marche pas ?

DaD

24/04/2007 à 12:50

Il se trouve que Olivier Miakinen a formulé :

Ça ne marche pas ?
hélas non :-(

Voici une page que je viens d'écrire pour vérifier une fois de plus
et... rien !

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title></title>
<style type="text/css">
.p1{position:absolute; top:100px;left:100px;}
</style>
<script type="text/javascript">

</script>
</head>
<body>
<div class="p1" id="p1"><input type="button" name= "recupere"
value="Récupère" id="r1" onclick=recupere_id()></div>
</body>
</html>

loiseauthierry

24/04/2007 à 13:56

DaD wrote:

Voici une page que je viens d'écrire pour vérifier une fois de plus
et... rien !

function recupere_id(v) {
x = v.parentNode.id;
y = v.id;
alert("x vaut : "+x+"n"+"y vaut : "+y)
}
//-->
</script>
</head>
<body>
<div class="p1" id="p1"><input type="button" name= "recupere"
value="recupere" id="r1" onclick="recupere_id(this)"></div>
</body>
</html>

Thierry
--
* * __*__ *
* * * -----oOOo---°O°---oOOo------ * *
<http://astrophoto.free.fr> *
* * -------- oOOo oOOo -------- *

DaD

24/04/2007 à 14:05

Thierry Loiseau m'a renseigné :

function recupere_id(v) {
x = v.parentNode.id;
y = v.id;
alert("x vaut : "+x+"n"+"y vaut : "+y)
}
//-->
</script>
</head>
<body>
<div class="p1" id="p1"><input type="button" name= "recupere"
value="recupere" id="r1" onclick="recupere_id(this)"></div>
</body>
</html>

Formidable, ça marche !
Un grand merci Thierry ainsi qu'à Olivier.
Amicalement,
DaD
http://perso.wanadoo.fr/dejardin/
Contefleur

Olivier Miakinen

24/04/2007 à 15:12

Ça ne marche pas ?
hélas non :-(

[...]

value="Récupère" id="r1" onclick=recupere_id()></div>

C'est probablement :
onclick=recupere_id

Sinon, faire comme le suggère Thierry Loiseau.

Guy

24/04/2007 à 22:55

Bonjour,
Hier, sous un autre pseudo ;-) , j'ai posé la question de comment
récupérer l'id d'un div ou d'un bouton dans une variable. Deux aimables
personnes m'ont indiqué une piste, mais je ne suis pas encore assez bon
en javascript et je n'ai pas réussi.
Je reformule donc ma question :
Dans le head de ma page, j'ai une fonction :
function recupere_id(){
}
Dans le body, j'ai par exemple cette ligne :
<div class="p1" id="p1"><input type="button" name= "recupere"
value="Récupère" id="r1" onclick=recupere_id()></div>

Je voudrais, dans ma fonction, avoir var x= l'id du div et var y= l'id
du bouton. Comment libeller mon code ?
Merci d'avance,
DaD

allez à l'adresse :

http://www.w3schools.com/js/tryit.asp?filename=try_dom_event_srcelement
vous trouverez un exemple
G

récupération d'id dans une variable

6 réponses

Veuillez sélectionner un problème