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

**aragorns** · 19/09/2005, 00h35

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

Voici la ligne de code :

Code :

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

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

Invité · 19/09/2005, 01h56

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

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

Code :

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

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

8)

**Séb.** · 19/09/2005, 03h34

Si tu as plusieurs paragraphes mieux vaut les délimiter par des plutôt que par un

C'est sémantiquement meilleur et en plus ce sera moins fastidieux à programmer.

**aragorns** · 19/09/2005, 21h59

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 :

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

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>

**denisC** · 20/09/2005, 10h26

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

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

Tu fais simplement:

Code :

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

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 :

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

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

Bonne chance !!

**aragorns** · 20/09/2005, 12h24

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à

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

JavaScript

Discussions similaires

Partager

Partager