IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[DOM] Déclarer une variable sur plusieurs lignes


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Octobre 2006
    Messages : 20
    Par défaut [DOM] Déclarer une variable sur plusieurs lignes
    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

  2. #2
    LEK
    LEK est déconnecté
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    715
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 715
    Par défaut
    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>";

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Octobre 2006
    Messages : 20
    Par défaut
    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...

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    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>";

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    LEK
    LEK est déconnecté
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    715
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 715
    Par défaut
    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>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. define d'une variable sur plusieurs lignes
    Par crazykangourou dans le forum Sql*Plus
    Réponses: 1
    Dernier message: 13/06/2008, 14h38
  2. [TStringGrid] Une cellule sur plusieurs lignes.
    Par Caine dans le forum Delphi
    Réponses: 15
    Dernier message: 28/03/2007, 12h53
  3. Variable sur plusieurs ligne
    Par krfa1 dans le forum ASP
    Réponses: 5
    Dernier message: 20/04/2006, 10h26
  4. Réponses: 5
    Dernier message: 20/09/2005, 22h48
  5. Utilisation d'une variable sur plusieurs unités
    Par Yamaneko dans le forum Langage
    Réponses: 2
    Dernier message: 05/06/2003, 11h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo