Discussion :

[math11]

Salut, actuellement occupé à la modification de la zone "photos" de mon site, je butte sur l'affichage des albums de photos.

Je m'explique, avec le code ci-dessous, je récupère et affiche la liste des dossiers contenu dans le dossier dont le nom est "photos", afin de construire une liste.

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
<?php
echo("<p>Merci de sélectionner l'album photo</p>");
$rep = "photos/";
$dir = opendir($rep);
$lienPhotos = array();
$id=0;
while ($f = readdir($dir))
{
if ($f != "." && $f != ".." && $f!="Thumbs.db" && !is_dir($f)) $lienPhotos[$f] = "<li id=$id onclick=changerDossier(this.id)><p>Album $f</p></li>";
$id=$id+1;
}
//Affichage des éléments
foreach($lienPhotos as $element)
{
    echo $element;	
}
?>

C'est à ce niveau que je ne vois pas comment récupérer et passer la valeur de l'élément sélectionné.

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
function changerDossier(id)
{
	alert("vous avez séléctioné l'album n° "+id);
}
</script>

Et enfin, l'affichage des photos de l'album sélectionné, la variable

Code :

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

$foldeur = "adresse du dossier";

permet d'ouvrir le dossier dans lequel se trouvent les photos.

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
<?php
closedir($dir);
echo ("</div>");
echo ("<div id='myGallery' class='spacegallery'>");
$folder = // c'est cette variable qui doit changer de valeur pour afficher les éléments de l'album sélectionné
$dossier = opendir($folder);
while ($Fichier = readdir($dossier))
{
    if ($Fichier != "." && $Fichier != ".." && $Fichier!= "Thumbs.db")
    {
        $nomFichier = $Fichier;
		echo '<img src="';
		echo "$folder";
		echo '';
        echo "$nomFichier";
		echo '" alt =""/>';
    }
}
closedir($dossier);
echo('</div>');
echo('</div>');
echo('</body>');
echo('</html>');
?>

Merci d'avance,

math11

[SpaceFrog]

Je pense que tu n'a pas saisi la portée de chacun des langages

JS = coté client
PHP = coté serveur

[Watilin]

Pour changer de dossier, il doit y avoir une nouvelle requête vers le serveur. Tu as trois façons de faire :

• un lien
• un formulaire
• une requête Ajax

Dans les deux premiers cas, JavaScript n'est pas nécessaire.

Dans tous les cas il faudra que tu envoies le numéro de l'album en paramètre de la requête. Avec le lien, tu l'ajouteras comme paramètre GET : <a href="http://tonsite...?folder=7">. Avec le formulaire ou Ajax, tu peux choisir GET ou POST (même si GET correspondrait mieux dans ton cas, car POST est plutôt recommandée pour des requêtes qui modifient quelque chose sur le serveur, par exemple ajouter une entrée dans une base de données).

Je te conseille de faire au plus simple (un lien) tant que tu ne maîtrises pas les mécanismes client-serveur.

Pour traiter correctement cette nouvelle requête avec le paramètre folder, il faudra bien sûr que tu modifies ton code serveur. À ce moment-là, tu auras peut-être de nouvelles questions à nous poser, alors n'hésite pas

===

Quelques remarques à propos de ton code PHP.

• Utilise les guillemets simples pour les chaînes qui ne contiennent pas de variables, par exemple :
  

  Code PHP :

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

  echo 'photos/';

  De cette façon, l'interpréteur n'a pas besoin d'analyser la chaîne et peut l'envoyer directement vers le tampon de sortie. Le serveur économise du temps de processeur.
• Tu envoies des <li> mais tu n'as pas ouvert de <ul>.
• Indente correctement ! C'est important pour la relecture.
  

  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
  $rep = 'photos/';
  $dir = opendir($rep);
  $lienPhotos = array();
  $id = 0;
  while ($f = readdir($dir)) {
     if ($f != '.' &&
           $f != '..' &&
           $f != 'Thumbs.db' &&
           !is_dir($f)) {
        $lienPhotos[$f] = "
           <li id=$id onclick=changerDossier(this.id)>
              <p>Album $f</p>
           </li>";
     }
     $id++;
  }

• Peut-être que tu as retiré des bouts de code entre ton while et ton foreach, auquel cas ne tiens pas compte de ce que je vais te dire. Sinon, tu as deux boucles qui opèrent sur le même tableau. Ce tableau est donc parcouru deux fois alors que tu pourrais faire les mêmes opérations en un seul parcours. Tu peux donc supprimer le foreach et tout faire dans le while.

[math11]

SpaceFrog, mieux vaut une réponse succincte que rien du tout! En même temps, tu ne réponds pas du tout à la question, alors ça ou rien...

Salut Watilin,

je te remercie pour ta réponse.

La boucle "foreach" me sert juste à afficher les différents éléments à cliquer.

Pour préciser ma première question, lorsque l'on clique sur le lien, les images s'affichent dans le même page (à droite de la liste).

Je met en annexe une capture d'écran de la situation actuelle (où folder="dossier/sous-dossier".)

Suite à ta réponse je pensais partir sur une requête ajax, quels conseils pourrait tu donner?

merci d'avance

math11

PS: je mesure la différence entre php et javascript