Changement de valeur d'un bouton

Version imprimable

15/11/2008, 14h10
scary

Changement de valeur d'un bouton
Bonjour,

Mon soucis est le suivant je voudrais savoir comment modifier la valeur d'un bouton lorsque l'on clique dessus. J'ai essayé de faire ceci:
Code:

1 2 3 4 5 6 function modifButton(id) { document.getElementsByName(id).value = "valeurModif" alert(document.getElementsByName(id).value); }
Alert m'affiche "Undefined" et meme quand je fais seulement:
Code:

1 2 3 4 5 function modifButton(id) { alert(document.getElementsByName(id).value); }
Le code du bouton est:
Code:

1 2 <td><input type="button" name="15" value="?" onclick="modifButton(15)"/></td>
Si quelqu'un aurait une méthode pour faire ça que je suis dessus depuis déjà un bon moment:mouarf:. Merci:)

Bonjour,
Essaye plutot avec 'getEmentById' en ajoutant un "id" à ton bouton :

Code:

1
2
3
4
5
6
7
8
9
<script language="javascript">
function modifButton(id)
{
      document.getElementById(id).value = "valeurModif";
      alert(document.getElementById(id).value);
}
 
</script>
<input type="button" name="15" id="15" value="?" onclick="modifButton('15')"/>

essaye comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script>
function modifButton(id)
{
      document.getElementById(id).value = "valeurModif"
      alert(document.getElementById(id).value);
}
</script>
 
</head>
 
<body>
 
<input type="button" name="15" id="15" value="" onclick="modifButton(15)"/>
</body>
</html>

15/11/2008, 14h28
Alexdezark

j'suis toujours en retard moi...

c'est un peu normal...
15/11/2008, 14h37
Bovino
En dehors du fait que la solution getElementById est la meilleure ! Ton erreur vient du fait que getElementsByName, comme l'indique le s, renvoie une collection d'éléments ayant l'attribut name indiqué, or cette collection ne possède pas de propriété value. Pour accéder aux éléments eux-mêmes et donc à leur propriété value, il faut indiquer le numéro d'ordre de l'élément recherché :

Code:

getElementsByName(id)[0]

!!!

EDIT :
Ceci dit, dans ton cas, tu peux faire plus simplement :

Code:

<input type="button" name="15" value="?" onclick="modifButton(this)"/>

et
Code:

1 2 3 4 5 function modifButton(id) { id.value = "valeurModif"; alert(id.value); }
15/11/2008, 14h41
scary
Merci de vos réponses:) j'avais penser c'est vrai avec id mais apparemment la validation XHTML 1.1 n'aime pas les id dans les balises <td></td>. Mais je viens de me rendre compte que en fait lorsque l'on sélectionne un élément avec la méthode "getElementsByName()" cela créé un tableau il faut donc écrire:
Code:

1 2 document.getElementsByName(id)[0].value
Pour accéder et donc modifier la valeur du boutton.

Merci beaucoup de vos réponse en tout cas;) et désolé de vous avoir fait déranger pour rien:(

EDIT (--> Bovino):

Oui c'est ce que je m'étais rendu compte, mais par contre je ne connaissais pas avec this, et cette méthode me parrait bien plus fiable et moins longue à écrire:)
15/11/2008, 14h48
Bovino

Citation:

apparemment la validation XHTML 1.1 n'aime pas les id dans les balises <td></td>

Ah bon ??? id est un attribut universel que tu peux mettre sur toutes les balises sauf
* base
* head
* html
* meta
* param
* script
* style
* title
!
Cependant, ce que le (x)HTML n'aime pas, ce sont des id identiques sur une même page !!!
15/11/2008, 14h49
Jumano

Encore plus simple :

Code:

<input type="button" name="15" id="15" value="?" onclick="this.value='valeurModif'"/>