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'];
?>