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 :

Afficher du html avec du javascript?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    145
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 145
    Par défaut Afficher du html avec du javascript?
    Bonjour,

    Je voulais savoir si il est possible d'inclure dans une fonction javascript, des balises html qui ensuite serait affiche sur le navigateur?

    J'ai essayer les codes ci-dessous, mais ca ne marche pas. Je n'arrive toujours pas à afficher le mot "test" qui est entre les balises <h1>

    Le fichier javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    function test()
    {
    var test = '<h1>test</h1>';
     
    return test;
     
    }
    Le fichier html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <script>test();</script>
    J'ai mis un alert pour voir si ma fonction est executer, et la fonction est bien executer.

    Je vous remercie d'avance

  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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    cf :
    document.write ...
    innerHTML
    échappement de caractères
    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 !

  3. #3
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div id="mabalise" onclick="ajout()">Ceci est un 
    </div>
     
    <script type="text/javascript">
     
    function ajout(){
    var n=document.createElement("h1");
    n.style.display="inline";
    n.appendChild(document.createTextNode("test"));
    document.getElementById("mabalise").appendChild(n);
    }
     
    </script>
    eh oui...

  4. #4
    Membre éclairé Avatar de linar009
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    497
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Juillet 2006
    Messages : 497
    Par défaut
    ou encore :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script type="text/javascript">
    function test() {return '<H1>test</H1>';} 
    </script>
     
    <HTML>
    <BODY>
    <DIV id='lp'></DIV>
    </BODY>
    </HTML>
     
    <script type="text/javascript">document.getElementById('lp').innerHTML = test(); </script>

Discussions similaires

  1. Afficher du html avec Angular V 1.2.6
    Par bipbip2006 dans le forum AngularJS
    Réponses: 4
    Dernier message: 28/11/2014, 16h11
  2. Afficher du html avec un CHtmlEditCtrl
    Par Invité dans le forum MFC
    Réponses: 2
    Dernier message: 03/07/2008, 11h52
  3. [strategie][swing]afficher du HTML avec java
    Par Invité dans le forum AWT/Swing
    Réponses: 8
    Dernier message: 30/04/2008, 10h45
  4. [DOM] peut on editer du code html avec du javascript?
    Par raul_le_vieux dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 20/06/2007, 10h26
  5. Servlet Affichant une page html avec contenu javascript
    Par kam81 dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 18/10/2006, 16h37

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