rétablir le contenu d'un textarea

**Alexdezark** · 04/06/2009, 11h33

Bonjour à tous,

dans un formulaire pré-rempli j'ai différents champs de texte (input) et textarea.

lorsque l'utilisateur fait une modification dans l'un de ces champs une fenètre de confirmation s'ouvre avant d'inscrire les modifications dans la BDD.

lorsqu'il s'agit d'un input, si l'utilisateur annule, la valeur qu'il avait saisie est remplacé par l'ancienne valeur qui était stockée dans un champ masqué :

Code :

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

1
2
 
document.getElementById("monChamp").value=document.getElementById("ancienneValeur").value;

par contre lorsqu'il s'agit d'un textarea je ne crois pas que j'aurai de bons résultat en utilisant la même méthode...

comment écrit-on une valeur dans un textarea ?

Merci d'avance pour vos réponses

Bonne journée

**franculo_caoulene** · 04/06/2009, 11h48

Salut,

Pourtant, si, ça fonctionne!

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
22
23
24
25
26
<!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>
   <title>textarea.value</title>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
   </style>
</head>
<body>
  <form id="f" method="post" action="p.html" onsubmit="return f1();">
    <input id="h" name="h" type="hidden" value="blih" />
    <textarea id="t" rows="5" cols="40">bla
blo</textarea>
    <input id="s" name="s" type="submit" value="submit" />
  </form>
  <div></div>
  <script type="text/javascript">
  function f1(){
    alert(document.getElementById("t").value);
    document.getElementById("t").value = document.getElementById("h").value;
    alert(document.getElementById("t").value);
    return false;
  }
  </script>
</body>
</html>

**k1rby** · 04/06/2009, 12h00

Ne serait-il pas mieux de mettre les valeurs par défaut dans des variables javascript ? Là tu vas te retrouver avec un formulaire qui envoie aussi tes champs hidden ne servant qu'à restaurer les valeurs par défaut et qui ne servent donc à rien pour le traitement du formulaire.

**Alexdezark** · 04/06/2009, 12h01

Bonjour franculo_caoulene,

Merci de ta réponse,

Oui j'ai fait quelque test aussi et cela fonctionne, j'avais lu quelques post qui rapportait des problèmes en utilisant "value" pour éditer le contenu d'un textarea (amputation de caractères...) dans la mesure ou le contenu d'un textarea n'est habituellement pas défini comme cela mais par un contenu entre les 2 balises.

Merci encore de ta réponse

**Alexdezark** · 04/06/2009, 12h02

Salut k1rby et merci de ta réponses

les valeurs par défaut etant issues de la BDD elles ne peuvent pas être définies en dur dans une variable

De plus mon formulaire n'est pas envoyé mais traité au fur et à mesure des modifications par différentes fonctions Ajax

**Bovino** · 04/06/2009, 12h04

Utilise l'attribut defaultValue

**Alexdezark** · 04/06/2009, 12h07

Salut Bovino (ça fait longtemps)

Je dois partir d'urgence et donc interrompre cette conversation (retour à 13h30)

Mais je vais me pencher sur ta réponse.

l'attribut defaultValue permet-il de restaurer l'ancienne valeur de mon textarea ?

à tout à l'heure

**Bovino** · 04/06/2009, 12h17

Oui, c'est à ça qu'elle sert

Sauf qu'au lieu de attribut defaultValue, j'aurais plutôt dû parler de propriété defaultValue

Code :

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

1
2
var myTxtArea = document.getElementById('le_textarea');
myTxtArea.value = myTxtArea.defaultValue;

A noter qu'au départ, sa valeur est celle du champ par défaut (s'il y en a une) mais que c'est une propriété read/write, donc tu peux la modifier dans ton script.

**franculo_caoulene** · 04/06/2009, 12h28

Je ne connaissais pas defaulValue, plutôt classe!
Mais ça rend l'application dépendante de javascript. Ce genre de contrôle devrait être fait par le serveur et par le client juste pour une question d'ergonomie.

C'est un choix de conception.

[edit] Quoiqu'on peut toujours faire le contrôle coté serveur par la suite, mais ça obligerait à faire une requête SQL. Enfin, je parle pour rien dire...

**Alexdezark** · 04/06/2009, 14h03

Simplification géniale de Monsieur Bovino...

Evidement ça marche... Comme d'habitude.

Merci encore

Bonne journée à tous

rétablir le contenu d'un textarea

JavaScript

Discussions similaires

Partager

Partager