Discussion :

[wahou85]

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 :

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

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

[wahou85]

J'ai trouvé !

Il faut faire :

Code :

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

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

La fonction jump :

Code :

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

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