récupération d'id dans une variable

Le
DaD
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
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Olivier Miakinen
Le #739311
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
Le #739310
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">
<!--
var x; var y;
function recupere_id() {
alert("recupere_id")
x = this.parentNode.id;
y = this.id;
alert("x vaut : "+x+"n"+"y vaut : "+y)
}
//-->
</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
Le #739309
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------ * *
* * -------- oOOo oOOo -------- *

DaD
Le #739308
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
Le #739307

Ç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
Le #739306
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

Publicité
Poster une réponse
Anonyme