Discussion :

[fgallnii]

Bonsoir,

Cela fait quelques temps que je cherche à savoir s'il est possible de déclarer une variable Javascript sur plusieurs lignes.

Voici ce que j'aimerais faire :

Code :

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

1
2
3
4
5
var maVar = "<div>
                <h1>blablablalblabla</h1>
                <div class='contain'>re blabla...</div>
                ...
             </div>";

J'ai essayer les simples quotes (ca ne marche pas non plus, sniff...)

Pour ceux qui souhaitent avant tout savoir pourquoi je m'embete à vouloir faire ca, et bien c'est tout simplement pour avoir un code plus lisible lorsque certaines de mes variables Javascript contiennent une structure Html ou Xml (par exemple).

Merci d'avance à tous

[LEK]

Pourquoi pas :

Code :

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

1
2
3
4
var maVar = "<div>"+
               " <h1>blablablalblabla</h1>"+
               "  <div class='contain'>re blabla...</div>"+
             "</div>";

[fgallnii]

C'est déjà un premier bon élément de réponse (et peut-être le seul possible d'ailleurs).

Seulement ce qui me dérange c'est d'être obligé de rajouter des + et " à foison alors qu'il serait tellement plus "soft" pour tout développeur de ne s'occuper que du ";" qui termine la déclaration de la chaine de caractères (et en plus le code serait davantage plus propre).

En Php, par exemple le ";" fait office de fin d'instruction. Alors peut-être qu'en Javascript le ";" n'est pas synonyme de fin d'instructions ??

Il existe la balise <<EOF en Php aussi pour déclarer sur plusieurs lignes avec une chaine contenant des " et ' non-échappé. Ya t-il un équivalent en Javascript ?


Enfin bon, merci bien LEK ta solution est déjà un premier pas et puis peut-être que d'autres ont la solution...

[Auteur]

bonsoir,

en javascript, le ; de fin d'instruction n'est pas obligatoire (hélas ), donc le retour chariot peu suffire comme fin d'intruction.
LEK te propose une solution correcte.

Sinon tu as un peu plus lourd :

Code :

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

1
2
3
4
5
6
7
 
var maVar ="";
 
maVar  = "<div>";
mavar += " <h1>blablablalblabla</h1>";
maVar += "  <div class='contain'>re blabla...</div>";
maVar += "</div>";

[SpaceFrog]

l'idée de clareté du code est en soi assez louable ...

cependant ce qui l'est beaucoup moins c'est de mettre du code html dasn des variables ...

Quel est l'utilisation de ce code html ...
il serait plus judicieux de passer par le DOM avec createElement ...

[LEK]

Je dirais même que l'on ne peut pas comparer deux moteurs d'interprétation différents (je parle de php/javascript)...
Un autre moyen qui n'utilise pas le dom, reste multiplateforme et assez "propre" :

Code :

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

1
2
3
4
5
6
<textarea name='my_template' style='display:none'>
     <div>
        <h1>blablablalblabla</h1>
        <div class='contain'>re blabla...</div>
    </div>
</textarea>

Code :

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

1
2
3
4
 
<script>
 var maVar = document.nomFormu.value;
</script>