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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Javascript]Comment faire un retour chariot dans une chaîne de tableau

aragorns

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

Voici la ligne de code :
interpretation_inclusion[0][0] = new Array("Voici le 1er paragraphe [quoi mettre pour faire un retour chariot?] Voici le 2ème paragraphe" );

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 <br> ailleur dans mon code
Mais j'aimerai vraiment savoir si ce que je veux faire existe

Merci de votre aide :jap:

Publicité

olivthill

Le plus simple est de mettre "<br>".
Et le navigateur se charge de remplacer cette balise par le code 10 sous Unix/Linux, ou bien le code 13 sous Mac, ou encore les codes 10 ou 13 10 sous Windows/Dos.

Message cité 1 fois

aragorns

Merci pour ta réponse
Je serai curieux de voir cette ligne de code, peux-tu me l'écrire ?
Ce que j'ai essayé ne fonctionne pas :jap:

aragorns

Je précise que j'affiche le contenu du tableau avec : document.write(interpretation_inclusion[x][y]);

olivthill

Par exemple,

interpretation_inclusion[0][0] = new Array("Voici le 1er paragraphe<br>Voici le 2ème paragraphe" );
document.write(interpretation_inclusion[0][0]);

Message cité 1 fois

aragorns

olivthill a écrit :

Par exemple,

interpretation_inclusion[0][0] = new Array("Voici le 1er paragraphe<br>Voici le 2ème paragraphe" );
document.write(interpretation_inclusion[0][0]);

Merci pour ta réponse
Cela ne fonctionne pas
Voici ce que cela m'affiche : "Voici le 1er paragraphe<br>Voici le 2ème paragraphe"
Malheureusement, <br> n'est pas interprété mais considéré comme 4 caractères à afficher
Tu comprend mieux mon problème ? :pt1cable:

gatsusat

tu veux afficehr le border en HTML ou en texte normal ?

sinon un petit \n dans la chaine ca le fait très bien en retour chariot.

Au passage les document.write c'est totalement déprécié depuis belle lurette (ca existe plus)

Message cité 1 fois

aragorns

gatsusat a écrit :

tu veux afficehr le border en HTML ou en texte normal ?)

Je ne comprend pas ce que tu veux dire
Il y a la balise <HTML> au bébut de mon code

gatsusat a écrit :

sinon un petit \n dans la chaine ca le fait très bien en retour chariot.

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

gatsusat a écrit :

Au passage les document.write c'est totalement déprécié depuis belle lurette (ca existe plus)

Oups, excusez moi je dit des bêtises, je n'utilise pas document.write pour afficher ce tableau mais document.createTextNode
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]);

Message édité par aragorns le 18-09-2005 à 23:16:26

---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978). Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).

gatsusat

currenttext=document.createTextNode(interpretation_inclusion[inclusion[i]][i]);

ceci explique cela :un textNode est comme son nom l'indique, un champ de text
donc tu pourras lui rentrer n'importe quoi comme balises HTML dedans, ca ne sera interprété que comme du texte.
Ensuite le \n il affiche bien un retour chariot mais au niveau du text brut (affiche le contenu dans un textarea ou un alert tu verras.

dans ce cas le mieux à faire serait d'utiliser le innerHTML
currenttext.innerHTML = interpretation_inclusion[inclusion[i]][i];

aragorns

Merci pour ton conseil
Mais currenttext.innerHTML=interpretation_inclusion[inclusion[i]][i]; me fait un message d'erreur "Cet objet ne gère pas cette propriété ou cette méthode"
:pt1cable:

Message cité 1 fois

Publicité

gatsusat

aragorns a écrit :

Merci pour ton conseil
Mais currenttext.innerHTML=interpretation_inclusion[inclusion[i]][i]; me fait un message d'erreur "Cet objet ne gère pas cette propriété ou cette méthode"
:pt1cable:

Oups pardon, j'ai cru que currentText était ton objet actuel mais en fait c'est une variable

currenttext=interpretation_inclusion[inclusion[i]][i];

monobjetdansmaputaindepage.innerHTML = currenttext

aragorns

Je sens que les choses se précises :love:
Mais pourrais-tu me dire ce que s'est que "monobjetdansmaputaindepage", car je ne le vois vraiment pas (je l'ai remplacé succésivement par mycurrent_row,mycurrent_cell,body,mybody,mytable... enfin un tas de conneries quoi :??: )
Je ne maîtrise pas bien le DOM, comme tu peux le voir :pt1cable:

Voici un extrès du code :

Code :

var mybody=document.getElementsByTagName("body" ).item(0);
mytable = document.createElement("TABLE" );
mytablebody = document.createElement("TBODY" );
mytable.style.fontSize='15px';
for(i=0; i<9; i++) {
for(j=0; j<3; j++) {
mycurrent_row=document.createElement("TR" );
mybody.appendChild(mytable);
mycurrent_cell=document.createElement("TD" );
mycurrent_cell.style.color='#000000';
currenttext=interpretation_inclusion[inclusion[i]][i]]; monobjetdansmaputaindepage.innerHTML=currenttext;
}
}
mybody.appendChild(mytable);
mytable.setAttribute("border","0" );

Message édité par aragorns le 19-09-2005 à 10:07:00

gatsusat

tu sais pas coder ou quoi ?

tu dois bien te douter que currentText c'est le texte HTML de ta cellule de tableau !!!

m'enfin tu devrai t'en appercevoir
mycurrent_cell.innerHTML = interpretation_inclusion[inclusion[i]][i]];

Message cité 1 fois

aragorns

gatsusat a écrit :

tu sais pas coder ou quoi ?

Non je ne maîtrise pas, j'essaie d'apprendre alors sois patient s'il te plait

gatsusat a écrit :

tu dois bien te douter que currentText c'est le texte HTML de ta cellule de tableau !!!

Oui, ça j'ai compris
Les essaie que j'ai fait tout à l'heure, c'était en désespoire de cause c'est tout

gatsusat a écrit :

m'enfin tu devrai t'en appercevoir
mycurrent_cell.innerHTML = interpretation_inclusion[inclusion[i]][i]];

Milles excuses, mais là je sèche :sweat:
Pourrais-tu me montrer le code exact afin que je comprenne enfin mon erreur ?

Merci encore

gatsusat

Code :

var mybody=document.getElementsByTagName("body" ).item(0);
mytable = document.createElement("TABLE" );
mytablebody = document.createElement("TBODY" );
mytable.style.fontSize='15px';
for(i=0; i<9; i++) {
for(j=0; j<3; j++) {
mycurrent_row=document.createElement("TR" );
mybody.appendChild(mytable);
mycurrent_cell=document.createElement("TD" );
mycurrent_cell.style.color='#000000';
mycurrent_cell.innerHTML=interpretation_inclusion[inclusion[i]][i]];
}
}
mybody.appendChild(mytable);
mytable.setAttribute("border","0" );

aragorns

J'ai appliqué ta modif, mais ce nouveau code ne m'affiche plus rien :pt1cable:

gatsusat

t1 apprend à coder et file nous ta page complète

et regarde ta putain de page avec le DOM Inspector sous FF

je perd patience

aragorns

Voici le code qui va te permettre de voir exactement où est mon problème
Excuse-moi, c'est vrai que cela aurai été bien que je commence par ça :whistle:

Code :

<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>

gatsusat

et pourquoi afficher un tableau ?

Message cité 1 fois

aragorns

gatsusat a écrit :

et pourquoi afficher un tableau ?

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à

Message édité par aragorns le 19-09-2005 à 17:28:52

aragorns

Youpi :bounce:
Merci beaucoup Gatsusat
J'ai compris pourquoi mais essais avaient été infructueux en suivant tes conseils
J'avai laissé des caractères non autorisés dans mes chaînes, et donc cela bloquai l'affichage de mes tableaux :cry:
Tout est rentré dans l'ordre, je vais pouvoir poursuivre mon code et continuer à apprendre :sol:

Voilà la solution :

Code :

<script type="text/JavaScript">
var tab = new Array;
tab[1] = "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" );
mycurrent_cell.innerHTML = tab[1];
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>

En fait, je vais utiliser aussi l'idée du code ci-dessous, ce qui est en fait mieux que ce que je voulai faire
Je pourrai à la fois différencier mes paragraphes dans des array différents et en plus je pourrai mettre des retours chariots dans mes paragraphes pour aérer tout ça

J'espère que ma petite histoire va éclairer d'autres personnes qui apprennent et se pose la même question :hello:

Code :

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" );
}

Message édité par aragorns le 21-09-2005 à 12:26:23

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Invite de commanre retour	Inserer les valeurs d'un tableau dans une base de données ?
Créer un objet à partir d'une chaine de caractère	Détecter l'interpréteur javascript
Cookies et javascript - recup en php.	Menu (CSS + php/javascript)
quel commande javascript ?	comment crée une fonction JavaScript comme .toLowerCase() ? ...
Retour à la ligne sous IE qui sabote la mise en page.	Diaporama en javascript
Plus de sujets relatifs à : [Javascript]Comment faire un retour chariot dans une chaîne de tableau

Page générée en 0.114 secondes