Discussion :

[luchet]

Bonjour
Je suis en train d'étudier le JavaScript avce un livre "Le guide complet " et je bute sur une notation
Dans une boucle For pour faire apparaitre des lignes dans un tableau on a la syntaxe suivante

Code :

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

1
2
 
txtLigne+="<tr id=\"trLigne"+noLigne+"\" class=\""+trClass+"\"  ect....

sachant que noLigne est un entier ( l'indice de la boucle)
et que
trClass est une chaine "trimpair" ou trpair" ( des balises css déclarées plus loing)

ce que je ne comprend pas c'est la forme class=\""+trClass+"\"

La forme id=\"trLigne"+noLigne+"\" est je pense convertie en "trLigne"+noLigne +"" ce qui donne le nombre entier converti en string et en final trLigne0, trLigne1 e.c.t

sachant quand dernier on trouve l'instruction document.write(txtLigne);

Merci de bien vouloir vous pencher sur ce Pb

[vermine]

Bonjour,

Ca à l'air d'être un vieux livre. Il est préférable d'oublier le document.write.

Mais ça ne m'empêche pas de répondre à votre question.
Vous avez deux variables : noLigne qui est un nombre et trClass qui est une chaine de caractères. Vous écrivez le HTML dans une chaine de caractère (txtLigne). Pour y insérer vos variables, vous devez interrompre la chaine, concaténer la variable, réouvrir la chaine :

Code :

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

id=\"trLigne"+noLigne+"\"

Les \" exprime que vous voulez garder ce caractère et non pas interrompre la chaine.

Sachant que la syntaxe HTML s'écrit ainsi :

Code html :

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

<tag attribut="valeur">

Si vous n'utilisez pas \", vous auriez ceci :

Code :

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

txtLigne+="<tag attribut="valeur">";

Regardez les couleurs (qui sont mise automatiquement). Vous avez fermé votre chaine alors que vous vouliez simplement préciser une valeur. \" permet d'éviter cette fermeture involontaire et peut-être remplacé par des simples quotes :

Code :

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

1
2
3
4
 
txtLigne+="<tag attribut=\"valeur\">";
// = 
txtLigne+="<tag attribut='valeur'>";

[Bovino]

avce un livre "Le guide complet " et je bute sur une notation

Ca à l'air d'être un vieux livre.

Même pas

@luchet : une syntaxe moins ambigüe aurait pu être :

Code :

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

txtLigne+='<tr id="trLigne'+noLigne+'" class="'+trClass+'"...'

[javatwister]

Code :

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

1
2
 
txtLigne+="<tr id=\"trLigne"+noLigne+"\" class=\""+trClass+"\"  ect....

ton bouquin, c'est de la crotte; laisse tomber les études et viens jouer avec nous

[NoSmoking]

Ca à l'air d'être un vieux livre. Il est préférable d'oublier le document.write.

le document.write bien qu'a éliminer, autant que faire ce peut dans la construction d'une page web, reste un outil bien pratique pour des pages de test afin de visualiser le résultat des excercices.

Sans avoir lu le livre en question, je pense que c'est dans cette optique, pédagogique, qu'il est utilisé, même s'il eut été préférable d'introduire la notation mentionnée par Bovino, alternance des single quote et des double quote.

Même pas

@luchet : une syntaxe moins ambigüe aurait pu être :

Code :

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

txtLigne+='<tr id="trLigne'+noLigne+'" class="'+trClass+'"...'