[Javascript]Comment faire un retour chariot dans une chaîne

Version imprimable

Comment faire un retour chariot dans une chaîne contenu dans un tableau ?

Voici la ligne de code :
Code:

1 2 3 4 5 6 7 8 9 10 interpretation_inclusion[0][0] = new Array("Voici le 1er paragraphe [quoi mettre pour faire un retour chariot?] Voici le 2ème paragraphe"); J'utilise le DOM et voici un bout de code mycurrent_row=document.createElement("TR"); mybody.appendChild(mytable); mycurrent_cell=document.createElement("TD"); mycurrent_cell.style.color='#000000'; currenttext=document.createTextNode(interpretation_inclusion[inclusion[i]][i]);
Je sais qu'il y a des solutions pour contourner ce problème, comme par exemple créer une 2ème chaîne indépendante ou encore faire afficher un ailleur dans mon code
Mais j'aimerai vraiment savoir si ce que je veux faire existe
J'aimerai mettre en forme les caractères de ma chaines à partir de retour chariots que je placerai dans la chaine elle-même

Ce que j'ai déjà essayé :

interpretation_inclusion[0][0] = new Array("Voici le 1er paragraphe Voici le 2ème paragraphe");
Si je met un dans ma chaîne, voici ce que cela m'affiche : "Voici le 1er paragraphe Voici le 2ème paragraphe"
(oui je sais c idiot :) )

J'ai bien essayé de mettre un \n dans ma chaîne (à la place du ), mais "\n" s'affiche sous la forme d'un caractère d'espace

Merci de votre aide
:D

19/09/2005, 00h56
Invité

:salut:

l transformation de ton en string n'a rien d'idiot, elle est juste logique : tu demandes au DOM de construire un moeud texte... :roll:

il faut simplement lui demander de créer un noeud "retour chariot" :

Code:

document.createElement("br");

ensuite il te suffit de mettre tes differents paragraphes dans des elements separés de ton Array, et d'inserer un noeud retour chariot entre chaque element de ton Array :mrgreen: 8) :idea:
19/09/2005, 02h34
Séb.

Si tu as plusieurs paragraphes mieux vaut les délimiter par des plutôt que par un :wink:
C'est sémantiquement meilleur et en plus ce sera moins fastidieux à programmer.

Merci pour vos réponses les gas :)
Mais ce n'est pas si simple que ça dans mon cas, ce que vous proposez ne fonctionne pas dans mon code
Je me permet du vous donner un code qui illustrera mon problème
Quelqu'un m'a dit d'utiliser innerHTML, mais je ne sais pas comment faire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script type="text/JavaScript"> 
 
var tab = new Array("Voici le 1er paragraphe <br> Voici le 2ème paragraphe"); 
 
function traitement() 
{ 
var mybody=document.getElementsByTagName("body").item(0);  
 
mytable = document.createElement("TABLE");  
mytablebody = document.createElement("TBODY");  
 
mycurrent_row=document.createElement("TR");  
mycurrent_cell=document.createElement("TD");  
 
currenttext=document.createTextNode(tab); 
 
mycurrent_cell.appendChild(currenttext);  
mycurrent_row.appendChild(mycurrent_cell);  
mytablebody.appendChild(mycurrent_row);  
mytable.appendChild(mytablebody);  
mybody.appendChild(mytable);  
mytable.setAttribute("border","0");  
 
 
} 
</script> 
 
 
<HTML> 
<BODY bgColor="#ffffff" leftMargin="100" rightMargin="100" topMargin="15" MARGINWIDTH="0" MARGINHEIGHT="0">  
 
<FORM name="formulaire"> 
<BR><BR> 
<INPUT onclick="traitement()" type="button" value="Affichage de ma chaine"> 
</FORM> 
 
</BODY> 
</HTML>

Pour utiliser innerHTML, c'est simple.
au lieu de:

Citation:

currenttext=document.createTextNode(tab);
mycurrent_cell.appendChild(currenttext);

Tu fais simplement:
Code:

1 2 mycurrent_cell.innerHTML=tab[0];
Cependant, c'est pas très propre....

Je te conseille de continuer d'utiliser DOM.

Ce que j'ai du mal à comprendre dans ton code, c'est pourquoi tu utilises une array pour mettre ce texte, et pourquoi uitiliser une seule case de l'array pour mettre deux paragraphes? Ne serait-il pas plus logique de mettre un paragraphe comme élément de l'array.

Dans ce cas, ton code deviendrait:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 var tab = new Array("Voici le 1er paragraphe","Voici le 2ème paragraphe"); function traitement() { var mybody=document.getElementsByTagName("body").item(0); mytable = document.createElement("TABLE"); mytablebody = document.createElement("TBODY"); for (var i=0; i<tab.length; i++) { mycurrent_row=document.createElement("TR"); mycurrent_cell=document.createElement("TD"); currenttext=document.createTextNode(tab[i]); mycurrent_cell.appendChild(currenttext); mycurrent_row.appendChild(mycurrent_cell); mytablebody.appendChild(mycurrent_row); } mytable.appendChild(mytablebody); mybody.appendChild(mytable); mytable.setAttribute("border","0"); }
Et dans ce cas, plus de problème de gestion des sauts de ligne pour les paragraphes.

Derniere question:
Si tu cherches simplement à écrire du texte dans ta page, pourquoi créer des cellules de tableaux (tr/td). Ca sert à rien (tu cherches à écrire du texte, pas à faire des tableaux...) et c'est laid. Enfin, c'est mon avis :wink:

Bonne chance !!

20/09/2005, 11h24
aragorns

Merci beaucoup pour ce cours magistral :)
Ya des moment je suis vraiment bête, ta solution consistant à mettre un paragraphe comme élément de l'array est bien :)
Ce morceau de code que j'ai montré est juste un petit échantillon pour comprendre facilement mon problème
En fait à la base, c'est un programme de numérologie
En fonction des calculs, les interprétations sont différentes, et je stock ces interprétations dans des tableaux
Ces interprétations peuvent être assez longues et j'aimerai donc pouvoir mettre des retours chariot dans mes chaînes pour faire une présentation aérée au cas par cas

Voilà