Discussion :

[Robjerey]

Bonjour.

Ci-dessous mon code HTML:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<tr>
<td>Nom1</td>
<td>Prenom1</td>
<td id="54789">pseudo1</td>
</tr>
<tr>
<td>Nom2</td>
<td>Prenom1</td>
<td id="65412">pseudo2</td>
</tr>

Les deux ont le même prénom.

Plus loin, un bouton qui permet de modifier le champ du pseudo.
Ce bouton appelle une fonction JavaScript qui contient:

Code JavaScript :

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

document.getElementById("id du champ pseudo").innerText = "nouveau";

Mais que mettre dans "id du champ pseudo"?
Je souhaite que la fonction JavaScript modifie tous les champs 'pseudo' qui ont le même prénom.

Comment faire?

Merci.

[ryan]

Yop!

Dans la mesure où tu comptes modifier plusieurs cellules (c'est un tableau, pas un formulaire donc on parle de cellules ), tu devras passer par un array.

Une solution parmi d'autres serait de donner une classe aux td qui sont susceptibles de contenir les données que tu veux modifier:

Code html :

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

<td class='prenom'>Prenom1</td>

et de les récupérer dans un array via document.getElementByClassName("prenom"), une petite boucle for, un test sur le prénom que tu veux remplacer, et voilà.

[NoSmoking]

Bonjour,

...via document.getElementByClassName("prenom")...

autant utiliser querySelectorAll.

[kaari kosaku]

A propos de tes id, un id ne devrait pas être composé uniquement ou commencer par un nombre.

[Bovino]

Techniquement, HTML5 l'autorise, mais ça pose quand même des problèmes au niveau CSS notamment.

via document.getElementByClassName("prenom")

Personnellement, je préfère utiliser des méthodes qui existent, par exemple getElementsByClassName().

[SpaceFrog]

attention à la terminologie .. un td n'est pas à proprement parler un "champs"...
On parle plutôt de champs pour un input coté html

Sinon jQuery peut te simplifier la tache avec une puissance de sélecteurs qui te permettra de cibler aisément les éléments voulus...