Changement de texte dynamique

Bonjour

Problème probablement stupide que je soumets à voutre sagacité. Dans une page, j'ai une cellule de tableau définie comme ceci:

Code:

---

<td colspan="2" align="left" valign="bottom" class="Style1" id="PagTit" name="PagTit">&nbsp;</td>

---

Elle contiendra le titre d'une page, lorsque l'on clique sur le bouton correspondant, ce dernier comportant l'instruction suivante:

Code:

---

onclick="AffPagTit('GPS','COMPARISON')"

---

Qui le lie au JS suivant:

Code:

---

1 2 3 4 5 6 7

var tit = " " var desc = " " function AffPagTit (tit, desc) { document.getElementById("PagTit").value; PagTit.value=tit; document.getElementById("PagDesc").value; PagDesc.value=desc; }

---

Eh bien... cela ne fonctionne pas... Il y a certainement un bête erreur quelque part, mais je tourne en rond là-dessus...

Merci de votre aide

Bonjour,

Dans ton code Javascript :
- où est-ce que tu déclares et définis les variables PagTit et PagDesc ?

Code:

---

1 2	PagTit.value=tit; PagDesc.value=desc;

---

- à quoi servent les variables tit et desc ?

Code:

---

1 2	var tit = " " var desc = " "

---

- à quoi servent ces lignes :

Code:

---

1 2	document.getElementById("PagTit").value; document.getElementById("PagDesc").value;

---

- pour ajouter dynamiquement un texte, je crois qu'il faut créer un noeud text...

:salut:
Tu veux affecter aux éléments PagTit et PagDesc les valeurs des paramètres?

Code:

---

1 2 3 4 5

function AffPagTit (tit, desc) { document.getElementById("PagTit").value=tit; document.getElementById("PagDesc").value=desc; }

---

La déclaration des variables tit et desc est inutile car ceux sont des variables en paramètre.

Ca ne serait pas plutôt :

Code:

---

1 2 3 4 5

function AffPagTit (tit, desc) { document.getElementById("PagTit").appendChild(document.createTextNode(tit)); document.getElementById("PagDesc").appendChild(document.createTextNode(desc)); }

---

;)

Citation:

---

Envoyé par b0u31

Ca ne serait pas plutôt :

Code:

---

1 2 3 4 5

function AffPagTit (tit, desc) { document.getElementById("PagTit").appendChild(document.createTextNode(tit)); document.getElementById("PagDesc").appendChild(document.createTextNode(desc)); }

---

;)

---

Si puisque l'élément en question est un td, il ne possède pas de value (et du coup, il ne devrait pas non plus avoir d'attribut name ;))

Cette dernière version fonctionne parfaitement, merci beaucoup. En fait, je ne connaissais pas le AppendChlid....

Merci à tous.

Heuuu... J'ai parlé trop vite:

Code:

---

document.getElementById("PagTit").appendChild(document.createTextNode(tit));

---

Lorsque le premier bouton est clické, on obtient bien:
AAAA (contenu de "tit")
qui remplace le &nsp existant.

Lorsque le suivant est clické, on obtient:
AAAABBBB

au lieu de seulement
BBBB

Ce que je souhaiterais, c'est remplacer ce qui existe par le nouveau texte.

Merci

Code:

---

document.getElementById("PagTit").innerHTML = tit;

---

Pfft... c'est tellement simple... que je n'y ais tout simplement pas pensé !

Merci Bovino