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.