Discussion :

[nico_17]

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 :

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>';
 
}

Mon probleme est que je ne sait pas ou et comment passer ma variable $sku qui va me permettre d'afficher les infos correspondantes.
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

[the Hound]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo '<script type="text/javascript">var sku='.$row['sku'].';</script>';

[nico_17]

merci, par contre j'imagine que je met ce bout de code dans ma boucle php, mais comment je le récupère ensuite ?

[the Hound]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?
// ...
echo '<script type="text/javascript">var sku = [];';
while (...)
  echo 'sku.push('.$row['sku'].');';
echo '</script>';
// On aurait aussi pu faire une boucle afin de générer un code du style "var sku = [valeur1, valeur2, valeur3, ...];"
// ...
?>
 
<script type="text/javascript">
sku; // Utiliser la variable ici
<script>

Par contre, le Web n'étant pas mon domaine de prédilection, j'attends la confirmation d'un autre membre plus expérimenté que moi.