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

jQuery Discussion :

recuperer la valeur d'un input radio et afficher la valeur d'une variable


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Par défaut recuperer la valeur d'un input radio et afficher la valeur d'une variable
    Bonjour,

    je n'arrive pas à récuperer ou afficher le texte/ la valeur d'une variable dans un champ texte (input), après avoir (je l'espère) récupérer la valeur du bouton radio sélectionné.

    voici mon code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    $('#accept-modif-img').click(function(){
    		var simg = $('input:radio:checked').val();
    		$('#recup_img_gal').append(simg);
     
    });
    j'ai essayé ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#recup_img_gal').text(simg);
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#recup_img_gal').html(simg);
    aucun ne marche

    comment dois m'y prendre , si j'ai bien compris la fonction: .text ne prend pas de variable en paramètre , n'est ce pas ?

    par avance merci pour votre aide

  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
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $('#accept-modif-img').click(function(){
    		var simg = $('input:radio:checked').val();
    		$('#recup_img_gal').append($("<span/>").html(simg) );
     
    });
    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 confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Par défaut
    j'ai essayé ce que tu m'as donné, mais ne marche pas , mais je viens de penser que comme je veux recuperer la valeur dans un champ text, il suffisait de mettre:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('#accept-modif-img').click(function(){
    		var simg = $('input:radio:checked').val();
    		$('#recup_img_gal').val(simg) ;
    je recupere bien qqchose, seulement ce texte ne correspond absolument pas aux noms des images contenu dans ma galerie .

    : pubyes1 ???? n'existe pas dans ma galerie,

    Un bug ? encore une erreur de ma part ?

    merci pour votre aide

  4. #4
    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
    On peut voir le html associé ?
    les id #accept-modif-img, #recup_img_gal sont quels types de balises ?
    les radios ont quel name ...
    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 !

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Par défaut
    Oui bien sur si ça peut vous permettre de m'aider:

    voici la partie qui va recevoir le le nom de l'image selectionnée dans la galerie :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="search-img" >Modifier l'image</div>
                <?php include'manage-image.php'; ?>
                <input type="text" id="recup_img_gal" name="recup_img_gal" style="width:400px;"><br />
                <span style="color:red; font-size:11px; ">Cliquer sur " Publier" pour enregistrer la nouvelle image</span>
            </div>

    voici la partie entière qui gère la galerie d'images dynamiquement et qui accepte l'iamge selectionnée:
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <div id="locus-img">
        <div style="height:40px; width:600px; background:#666; color:white; font-size:20px; font-weight:bold; text-align:center; padding-top:10px; position:fixed; 
        -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px;
        -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; 
        border-top-left-radius:5px;border-top-right-radius:5px;">
        Rechercher l'image à ajouter
        </div>
     
        <div style="padding:10px 10px 10px 10px; overflow:auto; margin-top:50px; width:578px; height:395px; border:2px solid white; background:white;">
    		<?php
            $dos = "images/";
            $dir = opendir($dos);
            while($file = readdir($dir)){
     
                $allow_extension = array('jpg', 'png', 'gif');
                $extension = strtolower(substr($file,-3));
                if(in_array($extension,$allow_extension)){
                    ?>
                    <div id="s-search-img">
                    <form id="choose_img">
                    <input type="radio" name="img_gal" value="<?php echo $file; ?>"  />
                    <img src="images/<?php  echo $file; ?>" width="130" height="80"/>
                    </form>
                    <div id="s-search-img-name"><?php  echo substr($file,0,23); ?></div>
                    </div>
                    <?php
     
                }
            }
            ?>
        </div>
     
        <div id="modif-img">
     
            <div id="fermer-modif-img">Annuler / Fermer</div>
            <div id="accept-modif-img">Ouvrir / Accepter</div>
     
        </div>
    </div>

    et la partie javascript (bouton accepter l'image)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $('#accept-modif-img').click(function(){
    		var simg = $('input:radio:checked').val();
    		$('#recup_img_gal').val(simg) ;
    		$('#locus-img').fadeOut(600);
    		$('body').css({overflow:'auto'});
    		$('#interupt').hide(); 
    	});

  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
    je parlais du html généré ...

    je vois des while avec des id dedans ...

    il y a des id dupliqués sur la page ?
    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 !

Discussions similaires

  1. Comment afficher le nom d'une variable et non sa valeur?
    Par philocratia dans le forum Général Python
    Réponses: 2
    Dernier message: 15/05/2014, 12h05
  2. afficher les valeurs sélectionnées de boutons radio
    Par Esperence dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 10/01/2011, 13h27
  3. recuperer la valeur d'un input radio
    Par phantom_lord dans le forum Langage
    Réponses: 4
    Dernier message: 26/04/2009, 13h16
  4. Ne pas afficher la valeur d'un bouton radio
    Par slopera dans le forum Struts 2
    Réponses: 0
    Dernier message: 10/12/2008, 10h53
  5. Afficher la valeur de mon bouton radio
    Par youkisall dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/11/2007, 11h07

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