[DOM] Retour à la ligne

**Molos** · 19/11/2007, 15h18

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 :

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

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 :

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 :

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

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

Là il me fait le retour à la ligne

Voila, merci d'avance

**SpaceFrog** · 19/11/2007, 15h32

c'est pas %OA dans un textarea ? ou un truc du genre ?

**Bisûnûrs** · 19/11/2007, 15h39

C'est normal vu que tu utilises innerHTML ...

Un petit test :

Code html :

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

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

Affiche :

toto\ntoto

Code :

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

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

Code html :

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

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

Affiche :

toto
toto

Utilise le DOM pour créer des éléments dans ta page et ça fonctionnera.

**Molos** · 19/11/2007, 15h56

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 :

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

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

[DOM] Retour à la ligne

JavaScript

Discussions similaires

Partager

Partager