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 :

solution pour insérer du code html proprement en javascrit ?


Sujet :

JavaScript

Vue hybride

nicko_73 solution pour insérer du code... 01/11/2009, 13h29
SpaceFrog http://www.developpez.net/foru... 01/11/2009, 14h36
kimjoa un petit dombuilder utilisant... 01/11/2009, 15h05
Invité jour tu peut faire aussi... 01/11/2009, 16h26
nicko_73 Merci pour vos réponses, pour... 02/11/2009, 11h19
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France, Savoie (Rhône Alpes)

    Informations forums :
    Inscription : Mai 2009
    Messages : 115
    Par défaut solution pour insérer du code html proprement en javascrit ?
    Bonjour,

    Je suis en train de créer un bout de script pour insérer du script html rapidement à un endroit précis du code DOM.

    habituellement, on peut procéder de la façon suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    document.createElement('div')
    ...
    Mais ce que j'aimerais faire c'est quelque chose qui ressemble à cela :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    document.createElement('<div id="backgroundModule"></div><div id="moduleLogin"><div id="module">module</div></div>');
    ...
    Je sais la syntaxe n'est pas correcte.

    Mais cela permettrais de charger du code plus lourd. Voyez vous une solution ou un tutoriel qui expliquerait cela ?

    Merci de votre aide
    Bien cordialement.

  2. #2
    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
    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 !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    354
    Détails du profil
    Informations personnelles :
    Localisation : France, Sarthe (Pays de la Loire)

    Informations forums :
    Inscription : Février 2009
    Messages : 354
    Par défaut
    un petit dombuilder utilisant que des strings, et compatible pour les nœuds (tout les nœuds n'accepte pas le innerHTML...)

    http://www.developpez.net/forums/d83...via-innerhtml/

    bye

  4. #4
    Invité
    Invité(e)
    Par défaut
    jour

    tu peut faire aussi comme ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var tb=new Array('backgroundModule','moduleLogin','module')
     
    function creer(){
     
    for(var i=0;i<=tb.length;i++){
     
    document.documentElement.childNodes[1].appendChild(document.createElement('div')).setAttribute("id",tb[i]);
    }
    }

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France, Savoie (Rhône Alpes)

    Informations forums :
    Inscription : Mai 2009
    Messages : 115
    Par défaut
    Merci pour vos réponses, pour le moment, je me suis calé sur le script de kimjoa.

  6. #6
    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
    Au risque de paraitre desagreable ... oser appeller "dombuilder" un script qui colle des élements sur la page à coup de innerHTML ... c'est euphémistiquement "gonflé"
    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 !

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

Discussions similaires

  1. comment faire pour insérer du code HTML dans un textarea ?
    Par hicham285 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 18/05/2008, 03h35
  2. Expressions régulières pour filtrer du code HTML
    Par Junta dans le forum Collection et Stream
    Réponses: 3
    Dernier message: 14/11/2006, 17h00
  3. Solution pour impression de codes à barres
    Par KRis dans le forum Composants VCL
    Réponses: 2
    Dernier message: 31/03/2006, 16h58
  4. composant builder4 pour afficher du code html
    Par BranRuz dans le forum C++Builder
    Réponses: 2
    Dernier message: 04/09/2002, 11h35

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