Textarea - affichage à la volée

Bonjour,

J'ai un formulaire pour poster des news et un espace de prévisualisation juste en dessous.

Le soucis c'est que j'ai un textarea dans le formulaire, et, du coup, dans la prévisualisation, les sauts de ligne ne sont pas répercutés.

Voilà le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<-- Le textarea --> <textarea rows="9" name="contenu" cols="40" onkeyup="document.getElementById('contenu2').innerHTML = HTMLEncode(this.value);">&nbsp;</textarea>   <-- La prévisualisation --> <span id="contenu2">&nbsp;</span>   <-- Interdiction du html --> <script language="javascript" type="text/javascript"> function HTMLEncode(wText){ if(typeof(wText)!="string"){ wText=wText.toString();}; wText=wText.replace(/&/g, "&amp;") ; wText=wText.replace(/</g, "&lt;") ; return wText;}; </script>

---

Merci de votre aide :)

J'ai trouvé !

Il faut faire :

Code:

---

onkeyup="document.getElementById('contenu2').innerHTML = jump(this.value);">

---

La fonction jump :

Code:

---

1 2 3 4 5

function jump(wText){ if(typeof(wText)!="string"){ wText=wText.toString();}; wText=wText.replace(/\n/g, "<br />") ; return wText;};

---