[Résolu] javascript pour modifier un texte dans un <td>

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] javascript pour modifier un texte dans un <td>

Papy Brossard

Bonjour à tous.

J'ai quelques soucis pour trouver sur différents sites comment regler mon probleme donc je viens ici vous poser la question. (j'ai rien trouvé non plus sur le forum...)

Alors, c'est assez simple somme toute. Comment peut-on modifier le contenu d'une case d'un tableau (c'est à dire, le texte entre <td> et </td> ) avec du javascript.
Voilà comment ça se passe pour le moment. Lorsque je clique sur un bouton qui est dans un formulaire, j'appelle une fonction de cette façon là : onsubmit="envoie(); return false; De cette maniere, la page n'est pas rechargée. Ensuite, je voudrais qu'un texte s'affiche dans une balise <td> de mon tableau qui est hors du form.
Rapidement :

Code :

<html>
<head>
<script language="JavaScript">
<!--
function envoie(){
//fait ce qui faut pour traiter mes infos
// <-- code pour afficher un texte dans la balise <td> ?!
}
-->
</script>
</head>
<body>
<form name="myForm" onsubmit="envoie(); return false;">
<input name="data" type="text"/>
<input type="submit" value="setVar" />
</form>
<table border="3" id="reponseAff">
<tbody id="TBrepAff">
<tr id="reponseAffTR">
<td id="truc">truc much</td>
<td id="toto">plop</td>
</tr>
</tbody>
</table>
</body>
</html>

Merci à tous.

Message édité par Papy Brossard le 20-05-2005 à 14:08:13

Publicité

masklinn

í dag viðrar vel til loftárása

Bonjour.

Papy Brossard a écrit :

Voilà comment ça se passe pour le moment. Lorsque je clique sur un bouton qui est dans un formulaire, j'appelle une fonction de cette façon là : onsubmit="envoie(); return false; De cette maniere, la page n'est pas rechargée.

Il faut néamoins prévoir une alternative classique de formulaire: tout le monde n'a pas le javascript activé.
Sans parler du fait qu'une validation doit de toute façon être effectuée côté serveur (il est extrèmement facile de contourner une validation faite en javascript) et un retour doit être fait à l'utilisateur en cas d'erreur.

Le non rechargement de la page est donc une très mauvaise chose.

Citation :

Ensuite, je voudrais qu'un texte s'affiche dans une balise <td> de mon tableau qui est hors du form.
Rapidement :

Code :

<html>
<head>
<script language="JavaScript">
<!--
function envoie(){
//fait ce qui faut pour traiter mes infos
// <-- code pour afficher un texte dans la balise <td> ?!
}
-->
</script>
</head>
<body>
<form name="myForm" onsubmit="envoie(); return false;">
<input name="data" type="text"/>
<input type="submit" value="setVar" />
</form>
<table border="3" id="reponseAff">
<tbody id="TBrepAff">
<tr id="reponseAffTR">
<td id="truc">truc much</td>
<td id="toto">plop</td>
</tr>
</tbody>
</table>
</body>
</html>

Merci à tous.

Il te faut utiliser document.getElementById(id_de_l'element) pour obtenir ton TD, puis modifier son contenu soit via innerHTML (mon_element.innerHTML=mon_texte) soit via DOM (http://www.quirksmode.org pour des infos sur le DOM) en supprimant le contenu du TD (via removeChild) et en lui ajoutant une node de texte (via appendChild et document.createTextElement).

Accessoirement, on ne définit pas un script Javascript par "<script language="JavaScript"> " mais par "<script type="text/javascript"> "

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Papy Brossard

merci pour le "<script type="text/javascript"> " (que je savais déjà mais je suis en train de faire des tests là avant de coder une "vraie" version du bordel.

J'ai réussi à m'en sortir juste avant de lire ton post, et j'ai fait comme tu le décris. Je mets le code pour ceux que ça peut interesser :

Code :

document.getElementById("truc" ).firstChild.nodeValue="un texte "+toto;

A une prochaine !

Message édité par Papy Brossard le 20-05-2005 à 14:09:46

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu] javascript pour modifier un texte dans un <td>

Sujets relatifs
Javascript: pb dans mon code	[Résolu]Comment chercher si un formulaire est ouvert ?
[Struts/Java] Récupérer l'url utilisée pour arriver là. [résolu]	Chaine String [RESOLU]
[C++] affichage d'un snake en mode texte	Editeur HTML en mode texte free ça existe?
[Access / ASP ] Comparaison heure (access) et chaine (ASP) [resolu]	URLEncoder et javascript:escape()
Taglibs javascript	[DOM] Remplacement d'un input par un autre [Résolu]
Plus de sujets relatifs à : [Résolu] javascript pour modifier un texte dans un <td>

Page générée en 0.074 secondes