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 :

Récupérer un contenu en variable


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 19
    Par défaut Récupérer un contenu en variable
    Bonjour

    Je suis étudiant en seconde années MMI(métier du multimédia et de l'internet) je me retrouve bloquer à un exo malgré des tutos Youtube et plusieurs forum qui parlent déjà du problème.

    Pour faire simple j'ai cette page : http://195.83.128.55/~mmi15c02/saint...ations/details

    Quand vous cliquer sur les noms à gauche, des détails en relations avec eux apparaissent à droite dans des input.

    J'aimerais maintenant pouvoir récupérer leurs contenus en variable afin de pouvoir les réinsérer à d'autre endroit sur la même page mais je n'y parvient pas (je sais c'est pas sensé être bien compliquer mais là je bloque dessus depuis un bon petit moment).

    voici le code en question (Programmer en MVC je vous passe juste le view)

    Code html : 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
    40
    41
    42
    <!DOCTYPE html>
    <html>
    	<head>
    		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    		<script type="text/javascript">
                            $(document).ready(function(){
                                    $(".test").click(function(){
                                            $.ajax({
                                                    url:"<?php echo base_url() ?>recup.php" , data: {id : $(this).attr("id")} ,dataType: "json" , success: function(recup){
                                                            console.log(recup.manif_intitule);
                                                            $("#intitule").val(recup.manif_intitule);
                                                            $("#description").val(recup.manif_description);
                                                            $("#prix").val(recup.manif_prix_place*1.12);
                                                            $("#photo").val(recup.manif_photo);
                                                            $("#date").val(recup.manif_date);
                                                    }
                                            });
                                    return false;
                                    });
                            });
                    </script>
    	</head>
    	<body>
    		<div id="contenus2">
    			<?php
                                    foreach ($tous as $une){?>
    			    <div class="test" id="<?php echo $une->manif_id?>"><?php echo $une->manif_intitule?></div>
    			<?php }?>
    			<div id="details">
    				<form id="monform" action="">
    					<input type="text" name="titre" id="intitule" size="32" value=""><br/>
    					<p>Prix : </p>
    					<input type="text" id="prix" size="32" value=""><br/>
    					<p>Description : </p>
    					<input type="text" id="description" size="32" value=""><br/>
    					<input type="text" id="photo" size="32" value="">
    					<input type="text" id="date" size="32" value=""><br/>
    				</form>
    			</div>
    		</div>
    	</body>
    </html>

    En vous remerciant de m'avoir consacrer du temps

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Bonjour,
    je ne vois pas trop ce qui te bloque attendu que le résultat se trouve dans ta variable recup !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    console.log(recup.manif_intitule); // fait un simple console.log( recup)

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 19
    Par défaut
    le truc qui me bloque c'est que je suis arriver à ce résultat grâce à quelque tuto mais que je suis maintenant à cours d'imagination pour pouvoir réutiliser les donnée récupérer plus haut je vais te donner un exemple j'ai un peu de mal à m'expliquer

    le but serais de me permettre de faire quelque chose de ce genre

    <img src="mon_dossier_photo/ et ici la variable pour que chaque clique change la fin du lien et donc l'image pour correspondre au nom où l'on clique

  4. #4
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Si je comprend bien tu veux afficher l'image correspondant à recup.manif_photo.

    Dans ce cas il te faut disposer d'un élément <img> que tu puisses atteindre en lui mettant une ID par exemple : <img id="mon_image" src="">, et dans ton code modifier son attribut src.

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 19
    Par défaut
    deso je suis vraiment une quiche avec jquery je vois pas comment je devrais rediriger vers src et si je le fais ça m'enlèvera le début du lien (mon_dossier_photo)

  6. #6
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Tu mets simplement ton chemin en variable
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var chemin = 'mon_dossier_photo/';
    //...
    $("#photo").prop( "src", chemin + recup.manif_photo);

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

Discussions similaires

  1. [Objective-C] Récupérer le contenu de variable locale
    Par atlanticmac dans le forum Objective-C
    Réponses: 1
    Dernier message: 09/11/2016, 07h19
  2. Comment récupérer le contenu d'une URL dans une variable ?
    Par Fildz dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/08/2006, 09h26
  3. Réponses: 4
    Dernier message: 13/08/2006, 22h18

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