Insérer un retour ligne dans un createTextNode

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Insérer un retour ligne dans un createTextNode

Re: Insérer un retour ligne dans un createTextNode

par AB » 12 févr. 2010, 20:15

YES !
white-space:pre-line est ce qui convient le mieux : respecte la mise en forme automatique tout en faisant les retours lignes indiqués avec \n :)
Merci encore.

EDIT : fonctionnel dans FF 3.6, non fonctionnel dans IE6.

Re: Insérer un retour ligne dans un createTextNode

par stealth35 » 12 févr. 2010, 19:51

Ah oui mais non, ca fonctionne avec "white-space:pre" mais si le texte avant le retour ligne est long, le texte déborde de la boite p :(
ouai c'est comme une balise pre.

Re: Insérer un retour ligne dans un createTextNode

par Calimero » 12 févr. 2010, 19:49

La valeur pre-line semblerait mieux répondre à tes besoins (jamais essayée, ceci dit, tu me diras si ça marche ;) ) : http://www.w3.org/TR/CSS2/text.html#white-space-prop

Effectivement, les vieux IE ont du mal avec white-space (et c'est bien dommage).

Re: Insérer un retour ligne dans un createTextNode

par AB » 12 févr. 2010, 19:41

Ah oui mais non, ca fonctionne avec "white-space:pre" mais si le texte avant le retour ligne est long, le texte déborde de la boite p :(

Re: Insérer un retour ligne dans un createTextNode

par AB » 12 févr. 2010, 19:29

Merci à vous deux. Fonctionne pas avec IE6 mais comme c'est pas stratégique, no pb.

Re: Insérer un retour ligne dans un createTextNode

par stealth35 » 12 févr. 2010, 19:17

Je viens d'essayer avec white-space = 'normal'; -> pas mieux :(
<style type="text/css">
<!--
#controle{
white-space:pre;
}
-->
</style>

Re: Insérer un retour ligne dans un createTextNode

par AB » 12 févr. 2010, 19:09

Je viens d'essayer avec white-space = 'normal'; -> pas mieux :(

Re: Insérer un retour ligne dans un createTextNode

par Calimero » 12 févr. 2010, 19:00

Salut,

\n + propriété css white-space ?

Insérer un retour ligne dans un createTextNode

par AB » 12 févr. 2010, 18:50

Bonjour,

Comment insérer un retour ligne dans un élément de texte qui sera incorporé avec createTextNode ?
Pas trouvé :(

J'ai bien l'alternative de créer un élément p mais si je pouvais faire plus simple.
Quelqu'un à une idée ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<script type="text/javascript">
function Isert_node(id)
{
var texte = "bla bla bla \n blof";

var p = document.getElementById(id);

var t = document.createTextNode(texte);

p.appendChild(t);
}
</script>

</head>

<body onload = "Isert_node('controle')">

<p id = "controle"></p>

</body>
</html>