[DOM] Retour à la ligne

Version imprimable

Bonjour tout le monde :)
Voilà, j'ai un problème avec les retours à la ligne sous Internet explorer.
Donc voila, j'ai un élément que j'aimerai bien créer, un textearea pour être plus préçis, et lui assigner un contenu, cependant celui-ci contient un retour à la ligne.

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function createForm(type,parent,id,content){ alert(content); var el = document.createElement(type); el.id = id; if(type == "input"){ }else{ alert(content); el.innerHTML = content; } getElement(parent).appendChild(el); return getElement(id); }
Et donc, un exemple de content que j'ai défini à la main, je met :
toto\ntoto, et lorsque mes alert s'affiche, ça me donne pour les deux cas un truc du genre :
http://img141.imageshack.us/img141/1283/alertpd8.jpg

Ce que je comprend pas, c'est que dans mon alert, il me prend bien en compte le \n, et lorsque le textarea s'affiche il ne le prend plus en compte :s

Et surtout, si on fait quelque chose du genre :

Code:

document.getElementById('montextarea').innerHTML = "<textarea>toto\ntoto</textarea>";

Là il me fait le retour à la ligne :?

Voila, merci d'avance :)

19/11/2007, 15h32
SpaceFrog

c'est pas %OA dans un textarea ? ou un truc du genre ?
19/11/2007, 15h39
Bisûnûrs
C'est normal vu que tu utilises innerHTML ...

Un petit test :

Code:

<textarea id="test">toto\ntoto</textarea>

Affiche :

Citation:

toto\ntoto
Code:

1 2 3 function test(){ document.getElementById('test').value = "toto\ntoto" }
Code:

1 2 <body onload="test()"> <textarea id="test"></textarea>
Affiche :

Citation:

toto
toto

Utilise le DOM pour créer des éléments dans ta page et ça fonctionnera.
19/11/2007, 15h56
Molos

Merci bisounours pour ce code, mais le problème c'est qu'il marche sous IE, mais pas sous Opera, il me met un textarea vide sous opera :? ( mais sa fonctionne aussi sous FF dernière version )

Donc est-ce qu'il existe une autre solution que de passer par une détection du navigateur ?

Sinon, quand on fait : <textarea id="test">toto\ntoto</textarea>, il faut le mettre dans un innerHTML, et là ça marche (sous IE 7, Firefox et Opera).

Par exemple, j'ai refait un test avec ça :

Code:

getElement("test").innerHTML = "<textarea>toto1\ntoto2</textarea>";

Et là j'ai bien le retour à la ligne qui est compris :)

Merci pour votre réponse rapide :D