Comment préremplir un textaea avec un retour à la ligne

Version imprimable

14/06/2011, 09h52
ToniConti

Comment préremplir un textaea avec un retour à la ligne

Bonjour à tous,

Toutes mes recherches m'ont conduites vers des problème concernant comment récupérer les retours à la ligne dans les TextArea.

Je m'adresse à vous parce que mon problème n'est pas du tout cela et du coup je ne trouve aucune solution !

J'ai un TextArea à pré-remplir avec des retours à la ligne dans ce style là :

Noir et blanc :
Couleur :
Lettrage :

Mais pas moyen d'y parvenir....
J'ai déjà testé :

Noir et blanc :<br>Couleur :<br>Lettrage :
Noir et blanc :<br/>Couleur :<br/>Lettrage :
Noir et blanc :\nCouleur :\nLettrage :
Noir et blanc : \n Couleur : \n Lettrage :
Noir et blanc :\rCouleur :\rLettrage :
Noir et blanc : \r Couleur : \r Lettrage :

Mais rien ne fonctionne...
Quelqu'un aurait il la solution ?

Un grand merci d'avance pour votre aide ! :ccool:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function bar(){
document.getElementById("foo").value="un\ndeux\ntrois"
}
</script>
</head>
 
<body onload="bar()">
<textarea id="foo" rows="4" cols="20"></textarea>
</body>
 
</html>

14/06/2011, 10h02
bewidia

Il faut utiliser le caractère de retour à la ligne. Si c'est du PHP qui renseigne le textarea, c'est "\n" (il faut utiliser les " et pas les ')
15/06/2011, 09h41
ToniConti

Merci pour vos réponses.
J'aurais du être plus clair...

En fait ma question était la suivante : "Que mettre à la place des points d'interrogation ci-dessous pour effectuer un saut de ligne ?"

Code:

<textarea id="ta">Noir et blanc : ??? Couleur : ??? Lettrage :</textarea>

Et je pense que la réponse est : "Impossible. Un textarea se comporte comme la balise <pre> et donc le seul retour à la ligne possible c'est celui qu'on fait soi même avec la touche "ENTER" "

--> Le seul moyen d'y arriver et de passer par du javascript (auquel cas je sais comment procéder)

C'était juste pour savoir s'il n'y avait pas moyen de le faire en html en fait.
(je vais attendre un peu avant de clôturer le post au cas où quelqu'un aurait une certitude)

Merci encore et bonne journée à tous :ccool:

Code:

1
2
<textarea id="ta" cols="200" rows='6' value="">Noir et blanc : \nCouleur : \nLettrage :</textarea>
<input type="button" onclick="document.getElementById('ta').value=document.getElementById('ta').value.replace(/\\n/g, '\n')" value="go"/>

?

Sinon le textarea est il remplaçable par une balise pre ?

16/06/2011, 10h07
bewidia

Citation:

Envoyé par ToniConti

C'était juste pour savoir s'il n'y avait pas moyen de le faire en html en fait

Euh, si c'est ton serveur qui écrit le contenu de ton textarea, il suffit pour avoir des retours à la ligne de lui faire écrire des CRLF ... Si c'est une page statique, à toi de les saisir manuellement lors du développement ?

Bonjour,

Ben pour tout dire,
c'est une page CSP (Caché Server Page) j'avais trois façons de procéder :

- HTML (<br/>)
- JavaScript (\n)
- Caché Object Script (\n)

La seule façon qui fontionnait était en javascript grace au .value = '...\n...';
Mais bon il s'agit d'une page incluse dans une autre, ce qui fait que le body est ailleurs et je préfère éviter de dispercer mon code à travers plusieurs pages surtout pour un truc aussi trivial -.-

En gros l'idée était de proposer un exemple structuré de ce que j'attend de l'utilisateur :
- Si le textarea est vide, j'affiche mon message indicatif structuré,
- Si l'utilisateur a déjà encodé quelque chose je l'affiche tel quel.

Donc en gros cela n'aurait pas du prendre plus qu'une ligne ^^:

Code:

<textarea>#($CASE(article.ficheTechnique,"":"titre : \nformat : \nfaçonnage couverture : \népaisseur dos : \nISBN : \ndépôt légal : \nremise maquette prod. : ",:article.ficheTechnique))#</textarea>

mais bon... finalement j'ai ajouté le code javascript suivant à la fin de ma page :
Code:

1 2 3 4 5 6 7 <script language="JavaScript"> if (#($L(article.ficheTechnique))#==0) { document.getElementById("ficheTechnique").value = 'titre : \nformat : \nfaçonnage couverture : \népaisseur dos : \nISBN : \ndépôt légal : \nremise maquette prod. : '; } </script>
En général je préfère les solutions plus propre mais malheureusement comme souvent je n'ai pas le temps de fignoler :-/

Merci pour vos suggestions,
Bonne journée et bon weekend ! :ccool: