Textarea - innerHTML : Problème de sauts de ligne !

Salut tout le monde !

J'ai un TEXTAREA dans mon document, et quand je clique sur mon BOUTON,
je veux faire apparaître le contenu du TEXTAREA dans une DIV :

Le code fonctionne bien. Par contre, quand je fais des sauts de ligne
dans mon textarea, le contenu qui apparaît dans ma div... s'affiche sur
une seule ligne :-(
En gros les sauts de ligne ne sont pas pris en compte.
Comment puis-je remédier à ce problème ?

Salut tout le monde !

J'ai un TEXTAREA dans mon document, et quand je clique sur mon BOUTON,
je veux faire apparaître le contenu du TEXTAREA dans une DIV :

*************************
<script language="javascript">
function test(){

document.getElementById('confirm_test').innerHTML =
document.getElementById('test').value;
}
</script>

<textarea id="test"></textarea>

<div id="confirm_test"></div>
<input type="button" value="Test" onclick="test()">
*************************

Le code fonctionne bien. Par contre, quand je fais des sauts de ligne
dans mon textarea, le contenu qui apparaît dans ma div... s'affiche sur
une seule ligne :-(
En gros les sauts de ligne ne sont pas pris en compte.
Comment puis-je remédier à ce problème ?

Merci d'avance pour vos réponses.

Couscous grabIt

Salut tout le monde !

J'ai un TEXTAREA dans mon document, et quand je clique sur mon BOUTON,
je veux faire apparaître le contenu du TEXTAREA dans une DIV :

*************************
<script language="javascript">
function test(){

document.getElementById('confirm_test').innerHTML =
document.getElementById('test').value;
}
</script>

<textarea id="test"></textarea>

<div id="confirm_test"></div>
<input type="button" value="Test" onclick="test()">
*************************

Le code fonctionne bien. Par contre, quand je fais des sauts de ligne
dans mon textarea, le contenu qui apparaît dans ma div... s'affiche
sur une seule ligne :-(
En gros les sauts de ligne ne sont pas pris en compte.
Comment puis-je remédier à ce problème ?

Merci d'avance pour vos réponses.

Couscous grabIt

Il suffit de remplacer les n par des <br>

*Couscous grabIt* @ 14/12/2006 12:13 :

Pose-toi la question : qu'est-ce qui crée un saut de ligne dans un texte
en HTML ?
Réponse : un élément <br>. Les "caractères blancs" * sont ignorés.

Ton textarea contient-il des <br> ? Non. Alors c'est normal que ton
<div> n'affiche pas de saut.

Tu me demanderas : mais alors pourquoi le textarea l'affiche ?
Réponse : parce qu'il a la propriété CSS (enfin est rendu comme tel)
white-space: pre;
http://wiki.media-box.net/documentation/css/white-space

=> A ajouter à ton div ;-)

* http://www.la-grange.net/w3c/html4.01/struct/text.html#h-9.1

Quand j'applique le style white-space: pre, les caractères vont bien à
la ligne à chaque saut de ligne, mais les retour à la ligne automatiques
ne sont pas pris en compte !! :-(

En gros, si j'ai une grande phrase, celle-ci va dépasser de ma div, et
ce n'est bien sûr pas du tout ce que je recherche...

<script type="text/javascript">
function test(){
document.getElementById('confirm_test').innerHTML =
document.getElementById('test').value.replace(/n/g,'<br>');
}
</script>
<textarea id="test"></textarea>
<input type="button" value="Test" onclick="test()">
<div id="confirm_test" style="width: 300px"></div>


Regular expressions :
http://fr.selfhtml.org/javascript/objets/regexp.htm