Bonjour à tous,
j'ai développé une interface catalogue en PHP et j'ai un petit soucis avec une lightbox JS.
Mon script PHP est une boucle qui va chercher en BDD des infos produits et les afffiche en listing.
Ce que je souhaiterais faire, c'est qu'au clic sur les image, j'ai une fenetre modale qui s'ouvre et qui affiche les infos du produits cliqués. Et comme je n'y connais pasgrand chose en JS je galère.
J'utilise le plugin jquery remodal (https://github.com/VodkaBears/remodal).
Le script JS est
Code : 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 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="../src/jquery.remodal.js"></script> <!-- Events --> <script> $(document).on('open', '.remodal', function () { console.log('open'); }); $(document).on('opened', '.remodal', function () { console.log('opened'); }); $(document).on('close', '.remodal', function () { console.log('close'); }); $(document).on('closed', '.remodal', function () { console.log('closed'); }); $(document).on('confirm', '.remodal', function () { console.log('confirm'); }); $(document).on('cancel', '.remodal', function () { console.log('cancel'); }); </script>
le contenu de la modal se situe dans
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <div class="remodal" data-remodal-id="modal"> <h1>Remodal</h1> <?php include("detail.php"); </div>
l'appel se fait lors de ma bouche PHP
ma bouche PHP est :
Mon probleme est que je ne sait pas ou et comment passer ma variable $sku qui va me permettre d'afficher les infos correspondantes.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 while($row = $rs4->fetch_assoc()){ echo ' <div id="blocCollection"> <a href="#modal" ><img src="images/'.$row['sku'].'-1.jpg" /></a> </div>'; }
Il faudrait que le fichier detail.php ait cette variable. Actuellement, lorque ma boucle est générée, j'ai le meme identifiant #modal pour tous. Je pense qu'il faut passer ma variable en JS mais je ne sais pas trop comment faire
Merci
++
Nico
Partager