Changement de valeur d'un bouton

**scary** · 15/11/2008, 14h10

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 :

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

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 :

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

1
2
3
4
5
 
function modifButton(id)
{
      alert(document.getElementsByName(id).value);
}

Le code du bouton est:

Code :

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

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

. Merci

**Jumano** · 15/11/2008, 14h25

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

Code :

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

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')"/>

**Alexdezark** · 15/11/2008, 14h26

essaye comme ça :

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
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>

**Alexdezark** · 15/11/2008, 14h28

j'suis toujours en retard moi...

c'est un peu normal...

**Bovino** · 15/11/2008, 14h37

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 :

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

getElementsByName(id)[0]

!!!

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

Code html :

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

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

et

Code :

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

1
2
3
4
5
function modifButton(id)
{
      id.value = "valeurModif";
      alert(id.value);
}

**scary** · 15/11/2008, 14h41

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 :

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

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

**Bovino** · 15/11/2008, 14h48

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 !!!

**Jumano** · 15/11/2008, 14h49

Encore plus simple :

Code :

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

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

Changement de valeur d'un bouton

JavaScript

Discussions similaires

Partager

Partager