Discussion :

[feelwatt]

Bonjour à tous,

Ca commence à s'embrouiller les pinceaux, voilà le topo.

1. Une boucle php/mySql affiche des images avec leurs propriétes (Taille, poids, type)
2. Lorsque l'on clic dessus cela appel "magnificPopup" qui est une lightBox (plein écran)
3. Les infos de l'image sont envoyées dans le script magnificPopup par le biais des balises Tittle, id et name de l'image

Et dans cette bouce php j'aimerais remplir un array js (avec les infos de l'image) pour l'envoyer dans le script magnificPopup
pour pouvoir développer des boutons radio à partir de cet array

Du style : (j'ai nettoyé pour y voir plus clair)

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
While(sur les images)
   {
     <script> 
         // Création de l'array 
          nom_image= [];
     </script>
            While(sur les infos[] de l image)
              {
                <script> 
                  // Remplissage de l'array
                   nom_image.push("<?php echo Info[1].'|'.Info[2];?>");
                </script>
              <?php  } 
   }
?>

Le code utilisé:

Code php :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php 
// Boucle sur les images
    while ($donnees = $req_photos->fetch())
    { ?>
    	<script type="text/javascript">
            // Création l'array Js pour le remplir ensuite 
            // Le nom est le nom de l'image 
    		var <?php echo $donnees['Nom']; ?> = []; 
    	</script>
          <!-- Affichage de l'image -->
        	   <a href="<?php echo $donnees['Chemin'].$donnees['Nom']; ?>" title="<?php echo $donnees['Nom']; ?>" id="<?php echo $donnees['id']; ?>" name="<?php echo $donnees['Chemin'];?>"> 
                   <!-- Les valeurs des balises tittle, id et name sont utilisées dans le script de magnificPopup plus bas -->
        	  	<img src="<?php echo $donnees['Chemin'].$donnees['Nom']; ?>"/>
        	</a>
        	  			<?php 
        // Boucle sur les Infos de l'image 
                       $tags->execute(); 
      			while($Infos=$tags->fetch())
      				{ ?>
        				<script type="text/javascript">
                                                    // Ici ajout dans l'array Js des Infos de l'image
          					 <?php echo $donnees['Nom']; ?>.push('<?php $Infos['Format'].'|'.$Infos['Finition'];?>');
        				</script>
   						<?php }
    } 
<?php 
    } 
    // Fin Boucle sur les images 
?>
<script type="text/javascript">
$('.parent-container').magnificPopup({ // Script magnificPopup 
delegate: 'a', type: 'image',
image: {
	titleSrc: function(item) {
                    // Récupération des valeur des balises tittle, id et name de l'image afin de les afficher dans le plein ecran
                           var caption_nom = item.el.attr('title');
                          var caption_id = item.el.attr('id');
                          var Chemin = item.el.attr('name');
        // Affichage des infos de l'image dans le plein ecran
                 return ' Image: '+caption_nom+' Id: '+caption_id+' Chemin: '+Chemin; 
          // Et c'est là que j'aimerais récupérer l'array qui a été créé dans la boucle Infos 
          // dont le nom est le même que caption_nom de la balise tittle
			}
		},
	});
</script>

Je pense qu'ensuite il va y avoir le problème dans le return lors du développement de l'array (avec un foreach),
car l'idée est de pouvoir créer des boutons radio avec les valeurs de l,'array.

C'est un peu le bazar, tout ça, non ?
Qu'en pensez-vous ?

[SpaceFrog]

quel interet de faire une boucle pour inserer à chaque fois une bailse script ...

Perso je passerais direct par un echo json_encode d'un array littéral php ...

[feelwatt]

Ok, merci de la réponse

J'ai trouvé ca pour json_encode

Code php :

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

1
2
3
4
5
6
7
8
<?  
    $array = array(
    'val1' => 'a',
    'val2' => 'b',
    'val3' => 'c'
    );
   echo json_encode($array);
?>

Ma question c'est:
comment appeler le tableau dans le javascript ?
Sous quel nom est-il enregistré ?

[SpaceFrog]

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?  
    $array = array(
    'val1' => 'a',
    'val2' => 'b',
    'val3' => 'c'
    );
   echo '<script type="text/javascript">
               var ArrayJS= '. json_encode($array).';
               console.log(ArrayJS);
            </script>';
 
?>

[feelwatt]

Ok, merci SpaceFrog.

Ps: je faisais un check des sujets postés que je n'ai pas fermé (résolus.)

Merci