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 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    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