Accéder au span qui contient un bouton

**gianni7033** · 08/10/2009, 10h33

Bonjour à tous,

je coince sur un petit soucis qui peut me faire gagner pas mal de temps.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script type="text/javascript">
function MaFonction()
{
 // code à changer
}
</script>
</head>
<body>
 
<form>
 
<span><input type="buton" onclick="MaFonction();" /></span>
<span><input type="buton" onclick="MaFonction();" /></span>
 
</form>
 
</body>
</html>

Ce que je cherche à faire, (sans mettre d'id ni de name dans le button ni dans le span), c'est de :
lorsqu'on clique sur un bouton, changer l'InnerHTML du span qui contient le boutton.
Donc par exemple, si on clique sur le 2ème bouton, le premier span ne changera pas, mais uniquement le 2ème.

Est-ce possible ? (avec le dom ???)
En Jquery s'il y a un moyen c'est bon aussi...

Merci

**E.Bzz** · 08/10/2009, 10h38

Bonjour,
il suffit de faire référence à l'objet courant, this puis d'utiliser le DOM

Code :

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

1
2
3
function MaFonction(obj) {
obj.parentNode.innerHTML = "C'est fait !";
}

Avec

Code html :

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

<span><input type="button" onclick="MaFonction(this);" /></span>

2 "t" à "button"

A+

**gianni7033** · 08/10/2009, 11h01

oula lol

ha ben c'est génial

t'a pas le statut modérateur pour rien ^^

merci beaucoup

Accéder au span qui contient un bouton

JavaScript

Discussions similaires

Partager

Partager