Discussion :

[sylv1-69]

Bonjour !

je debute en javascript et j'ai quelques soucis

j'ai un petit soucis lorsque je fais appel à une fonction (FONCTION) et lorsque dedans je fais appel à

this.parent : il n'a pas l'air connu (alors que this oui)! alors que si j'appelle par son nom (document.getElementById("nom"), il me le reconnait !

une idée ?

j'envoie un bout de HTML + un bout de Javascript pour que vous voyez :

HTML :
<ul id="FORMulChoixMultiples">
<li onclick="FONCTION();"> truc </li>
<li onclick="FONCTION();"> truc </li>
<li onclick="FONCTION();"> truc </li>
</ul>

JAVASCRIPT :
function FONCTION()
{
var categ = this;
alert(categ.id) // ça, ça marche
alert(document.getElementById('FORMulChoixMultiples').id) // ça ça marche
alert(categ.parent.id) // ça, ça marche PAS !
}

Merci d'avance, Sylvain...

[le_chomeur]

Salut sylvain

petite erreur de ta part , lorsque tu fais :

this, a l'intérieur d'une fonction , tu fais référence a ELLE même

donc il faut que tu fasses référence non pas a la fonction mais a l'objet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<ul id="FORMulChoixMultiples">
<li onclick="FONCTION(this);"> truc </li>
<li onclick="FONCTION(this);"> truc </li>
<li onclick="FONCTION(this);"> truc </li>
</ul>

en utilisant this ici , tu vas faire appel a l'objet li

donc sur ta fonction du va devoir utiliser un paramètre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function FONCTION(monObjet)
{
//monObjet = ton objet passé en paramètre donc ton li
var categ = monObjet;
alert(categ.id) // ça, ça marche
alert(document.getElementById('FORMulChoixMultiples').id) // ça ça marche
alert(categ.parent.id) // ça, ça marche maintenant ;)
}

voila voila