Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// une carte des membres//// (apéros) codelab

17 mai 2019 : accident de la base de données : plus d'infos

#1 2019-12-23 14:20:50 Ajax - Cliquer sur image et faire apparaitre un texte (mySQL)

lola*
nouveau membre
Date d'inscription: 2017-04-06
Messages: 2

Ajax - Cliquer sur image et faire apparaitre un texte (mySQL)



Bonjour,

Je souhaiterai lorsque je clique sur une image, qu'un texte apparaisse à côté. Ce texte est dans une base de données SQL. Chaque image correspond à un id dans ma base de données.

J'ai déjà essayé pleins de choses mais rien ne fonctionne...

Si quelqu'un pouvait m'aider ce serait super cool !

Merci d'avance.

Voici mon code html :

    <div class="menu_deroulant1">
        <div id="img1"><img src="img/grunge/cross.jpg" alt="1"></div>
                <div id="img2"><img src="img/grunge/crane.jpg" alt="2"></div>
    </div>

<div id="aff">
</div>

Mon js et php :

$(document).ready(function(){
$('#img1').click(function(){

    var image = $(this).val();
    $.ajax
    ({
      url:'../Site_MMI/php/index.php',
      data: {r : image},
      type:'POST',
      success:function(res)
      {
        $('#aff').html(res);
      }
    })
})
});


<?php
$image = $_POST['r'];
$bdd= mysqli_connect("venus","lperes","","lperes");
$res=mysqli_query($bdd, "SELECT prix FROM moto where id='$image'") or die (mysqli_error($bdd));

$p=mysqli_fetch_assoc($res);
echo $p['prix'];
?>

Hors ligne

 

#2 2020-01-05 09:26:48 Re : Ajax - Cliquer sur image et faire apparaitre un texte (mySQL)

Tepaze
membre
Lieu: Angers
Date d'inscription: 2014-04-14
Messages: 191

Re: Ajax - Cliquer sur image et faire apparaitre un texte (mySQL)



Je n'ai pas testé, mais à lire ton code, je pense que tu ne récupères pas la bonne valeur avec $(this).val(). Cette commande récupère le champ value d'un objet html et en l'occurrence tu pointe vers la div $('#img1') alors que celle-ci ne possède pas de champ value.
Je ,'ai pas fais de jquery depuis pas mal de temps, mais je pencherais pour quelque chose comme :
$('#img1').on('click', function(){
  var image = $(this).next('img').attr('alt');
  console.log(image);
  ...
};
Une bonne façon de savoir ce que l'on fait en JS, c'est d'utiliser console.log(...); Cela va t'afficher dans la console de ton navigateur (clic droit > examiner) la valeur que tu récupères.
Bonne recherche

Hors ligne

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2020