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 :

Affichage d'une variable Javascript dans du code HTML


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Développeur / Intégrateur Web Freelance
    Inscrit en
    Novembre 2011
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur / Intégrateur Web Freelance
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2011
    Messages : 12
    Par défaut Affichage d'une variable Javascript dans du code HTML
    Bonjour a toutes & tous !

    Voilà, j'ai un petit soucis... et je ne comprends pas pourquoi, n'étant pas vraiment familier du Javascript !

    Alors, j'ai un formulaire avec des bouton radio, au changement de la valeur de mon bouton radio, je récupère la valeur de ce bouton en créant la variable javascript et en lui attribuant la "value" du champs. Cela fonctionne car quand je fais un alert(variable); j'ai bien l'affichage de mon choix. Mais lorsque que je fais document.write(variable); cela ne fonctionne pas.

    Voici des extraits de mon code :

    Attribution de la variable
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="formatListItem"><input id="format" name="format" type="radio" value="10x15" onchange="var format = $('#format').val();"/></div>

    Fonction javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function afficher_format() {
    	if( format != "") {	
    		document.write(format);
    	}else{
    		document.write('Format');	
    	}
    }
    Affichage de la valeur de format dans du HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="format"><script>afficher_format();</script></div>


    Malheureusement tout ça ne fonctionne pas ...

    Merci de votre aide !

  2. #2
    Membre éprouvé Avatar de lalouve
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2004
    Messages
    128
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2004
    Messages : 128
    Par défaut
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function afficher_format(radio) {
        var htmlFormat = 'Format';
        if('' != radio.value) {
            htmlFormat = radio.value;
        }
        document.getElementById('format-choisi').innerHTML = htmlFormat;
    }
    Code HTMl : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <div class="formatListItem"><input id="format" name="format" type="radio" value="10x15" onchange="afficher_format(this);"/></div>
    <div id="format-choisi">Format</div>

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    Mais lorsque que je fais document.write(variable); cela ne fonctionne pas.
    à voir : Comprendre document.write() en JavaScript.

Discussions similaires

  1. Insérer une variable javascript dans du code html
    Par aymas dans le forum APIs Google
    Réponses: 8
    Dernier message: 20/02/2014, 10h23
  2. Affichage de la valeur d'une variable php dans un code javascript
    Par hastiok dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/12/2009, 12h59
  3. Réponses: 7
    Dernier message: 05/01/2008, 19h37
  4. appeler une fonction javascript dans le code html
    Par kawther dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 16/05/2007, 16h40
  5. basculer une variable javascript dans du code JSP
    Par gloglo dans le forum Servlets/JSP
    Réponses: 8
    Dernier message: 01/06/2006, 11h44

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