[PHP] Lister les fichiers d'un répertoire...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [PHP] Lister les fichiers d'un répertoire...

Toto21

Salut à tous!
Je voudrais lister l'ensemble des fichiers d'un répertoire (qui ne contient que des images) et ensuite les mettres dans un menu déroulant permettant de la sélectionner...
Comment on fait?
Accessoirement, est-ce qu'il est possible d'afficher l'images lorsque on clique sur son nom dans le menu déroulant? Comment?
Merci à tous
@+ ;-)
Toto21

Publicité

z0rglub

http://www.php.net/manual/fr/function.readdir.php

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Toto21

Ooooooooooki merci!!!
Mais sinon, pour afficher l'image quand on clique sur le nom dans la liste déroulante, comment je pourrais faire?

z0rglub

tu récupère le contenu de la selection et tu fais un img src=\"ton_rep/$selection".".jpg\">
enfin un truc du genre...

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Toto21

Oui mais pour ça, il faut actualiser la page... moi je voudrais qu'il y ais une partie de ma page qui soit reservée à l'affichage de cette image, que QUAND on clique sur le nom, elle s'affiche...

Toto21

Mais je pense pas que je doive utiliser PHP pour ça... (PHP, c'est côté serveur...) Alors comment...

fafe

qui peut le moins peut le plus

si tu vais qur ca soit en temps réel ta seule solution c'est le javascript...

---------------
boulet officiel:goueg

Toto21

Ouais ok... mais vous auriez pas un tit exemple! :wahoo:

Toto21

:wahoo:

Toto21

:pt1cable:

Publicité

kayasax

bon 1 tit exemple "en live"

tu as ton image qqpart
<img name="img1" src="...">

ton menu
<form name="form1">
<select name="choix" onchange="window.document.img1.src='documen
t.form1.choix.options[selectedIndex].value';
">

A tester et verifier les syntaxes

---------------
All we need is a soul revolution

youdontcare

(un ptit exemple plus didactique )

si tu as une nouvelle question, renomme le titre de ton topic ou crées-en un nouveau.

pour charger une image, c'est effectivement + simple par javascript.

bon alors ...

tu définis une image 'vide' dans ton code en lui donnant un id qui va servir à l'identifier :

<img id='viewer'>

tu définis ton select et tes images. select réagit à l'événement onchange qui indique qu'on vient de changer la sélection. on va appeler notre méthode qui va updater l'image (méthode qu'on va définir après).

<select onchange="updateImage()">
<option>image1.jpg</option>
<option>image2.jpg</option>
<option>image3.jpg</option>
</select>

maintenant, la méthode javascript :

<script>
function updateImage()
{
alert('modifié !';
}
</script>

si tu mets ça dans ton html, tu vas voir que la méthode est appelée à chaque fois que tu cliques sur une nouvelle image. maintenant, on va écrire le code qui va updater l'image. pour ça, il faut :

1) récupérer le nom de l'image sélectionnée
2) assigner ce dernier à l'image

dans updateImage(), tu a accès à event qui te donne des infos sur l'événement courant, ici onchange. event.srcElement donne l'objet qui a lancé l'événement, ici le menu déroulant. le menu déroulant a deux paramètres intéressants : selectedIndex, qui donne le numéro de la sélection, et options, un tableau qui donne toutes les options du menu. chaque option contient une variable text qui donne son contenu (ici 'image1.jpg' par exemple).

// on récupère le menu
var n = event.srcElement;
// on récupère l'index de l'option sélectionné
var index = n.selectedIndex;
// on récupère l'option
var option = n.options[index];

// affiche le nom de l'image sélectionée
alert(option.text);

on a maintenant le nom de l'image, il suffit de l'assigner à notre image 'viewer'. document.getElementById(idDeLaBalise) permet de récupérer une balise. donc document.getElementById('viewer' récupère notre image, qui a une propriété src, le nom de l'image qu'elle affiche. il suffit de mettre le nom qu'on a récupéré plus haut dans cette variable, et hop !

document.getElementById('viewer'.src = option.text

donc au final :

function updateImage()
{
// on récupère le menu
var n = event.srcElement;
// on récupère l'index de l'option sélectionné
var index = n.selectedIndex;
// on récupère l'option
var option = n.options[index];
// on update l'image
document.getElementById('viewer'.src = option.text;
}

kayasax

muhmm il est bon cuila :wahoo: mangez en !! :lol:
1 truc que je pige pas ds ta derniere ligne :
document.getElementById('viewer'.src = option.text;
il sort d'ou le .text ?
ce serait pas .value plutot ??

youdontcare a écrit a écrit :

(un ptit exemple plus didactique

)

si tu as une nouvelle question, renomme le titre de ton topic ou crées-en un nouveau.

pour charger une image, c'est effectivement + simple par javascript.

bon alors ...

tu définis une image 'vide' dans ton code en lui donnant un id qui va servir à l'identifier :

<img id='viewer'>

tu définis ton select et tes images. select réagit à l'événement onchange qui indique qu'on vient de changer la sélection. on va appeler notre méthode qui va updater l'image (méthode qu'on va définir après).

<select onchange="updateImage()">
<option>image1.jpg</option>
<option>image2.jpg</option>
<option>image3.jpg</option>
</select>

maintenant, la méthode javascript :

<script>
function updateImage()
{
alert('modifié !'

;
}
</script>

si tu mets ça dans ton html, tu vas voir que la méthode est appelée à chaque fois que tu cliques sur une nouvelle image. maintenant, on va écrire le code qui va updater l'image. pour ça, il faut :

1) récupérer le nom de l'image sélectionnée
2) assigner ce dernier à l'image

dans updateImage(), tu a accès à event qui te donne des infos sur l'événement courant, ici onchange. event.srcElement donne l'objet qui a lancé l'événement, ici le menu déroulant. le menu déroulant a deux paramètres intéressants : selectedIndex, qui donne le numéro de la sélection, et options, un tableau qui donne toutes les options du menu. chaque option contient une variable text qui donne son contenu (ici 'image1.jpg' par exemple).

// on récupère le menu
var n = event.srcElement;
// on récupère l'index de l'option sélectionné
var index = n.selectedIndex;
// on récupère l'option
var option = n.options[index];

// affiche le nom de l'image sélectionée
alert(option.text);

on a maintenant le nom de l'image, il suffit de l'assigner à notre image 'viewer'. document.getElementById(idDeLaBalise) permet de récupérer une balise. donc document.getElementById('viewer'

récupère notre image, qui a une propriété src, le nom de l'image qu'elle affiche. il suffit de mettre le nom qu'on a récupéré plus haut dans cette variable, et hop !

document.getElementById('viewer'

.src = option.text

donc au final :

function updateImage()
{
// on récupère le menu
var n = event.srcElement;
// on récupère l'index de l'option sélectionné
var index = n.selectedIndex;
// on récupère l'option
var option = n.options[index];
// on update l'image
document.getElementById('viewer'

.src = option.text;
}

Message édité par kayasax le 06-03-2002 à 19:46:41

---------------
All we need is a soul revolution

youdontcare

kayasax a écrit a écrit :

muhmm il est bon cuila :wahoo:

mangez en !! :lol:

1 truc que je pige pas ds ta derniere ligne :
document.getElementById('viewer'

.src = option.text;
il sort d'ou le .text ?
ce serait pas .value plutot ??

quand tu as une option d'un select :

<option value="valeur">textedeloption</option>

option.value renvoie "valeur"
option.text renvoie "textedeloption"

donc l'utilisation dépend de comment il utilise son menu. a priori ce sont des noms de fichiers accessibles par option.text ...

kayasax

ah ben ca alors j'en ai appris des trucs en js sur 1 seul topic
:jap: respect !

---------------
All we need is a soul revolution

youdontcare

une version plus courte inspirée par celle de kayasax :

<select onchange="document.getElementById('img1'.src = this.options[this.selectedIndex].text;">

et hop

Toto21

Ouaou!!!
Ca c'est du script bien expliqué!!
Encore une chose, mes images ne sont pas ds le même répertoire que le fichier html...
Comment je fais pour remonter et indiquer le chemin? Ou est ce que je dois le rajouter?
Encore merci!
:hello:

youdontcare

this.options[this.selectedIndex].text te donne le nom de l'image. si tes images sont dans un sous-répertoire images, le chemin est

'images/' + this.options[this.selectedIndex].text

si tes images sont dans un répertoire images parent à celui de l'html, le chemin est

'../images/' + this.options[this.selectedIndex].text

etc.

jultey

J'ai un repertoire de gif que je liste pour les faire apparaitre, mais j'aimerais les afficher par order alphabétique, c possible ?

//lecture de tous les fichiers gif du repertoire
//::::::::::::::::::::::::::::::::::::::::::::::
$handle=opendir('.');
while($file = readdir($handle))
{
// une ligne de chaque couleur
if($coul_ligne == $coul_ligne1)
$coul_ligne = $coul_ligne2 ;
else
$coul_ligne = $coul_ligne1 ;

//tant qu'on a des gif
if ($file != "." && $file != ".." && ereg(".gif",$file))
{
// On écrit le lien du smiley
echo " <tr bgcolor=\"".$coul_ligne."\"> " ;
echo " <td align=\"center\">" ;
echo " <img src=\"".$file."\" " ;
echo " alt=\"".$file."\" " ;
echo " name=\"".$file."\" >" ;
echo "</td><td> ".$file."</td></tr>" ;
}
}
closedir($handle);
//::::::::::::::::::::::::::::::::::::::::::::::

la ils s'affichent apparement dans un ordre bizarre mais pas aléatoire ...

Message édité par jultey le 06-12-2002 à 00:38:37

youdontcare

jultey >

z0rglub a écrit a écrit :

http://www.php.net/manual/fr/function.readdir.php

cherche sort() dans la page.

Message édité par youdontcare le 06-12-2002 à 00:46:18

jultey

J'en suis la :

//lecture de tous les fichiers gif du repertoire
//::::::::::::::::::::::::::::::::::::::::::::::
$handle=opendir('.');
while($file = readdir($handle))
{
// une ligne de chaque couleur
if($coul_ligne == $coul_ligne1)
$coul_ligne = $coul_ligne2 ;
else
$coul_ligne = $coul_ligne1 ;

$f=array();
$nf=0;

//tant qu'on a des gif
if ($file != "." && $file != ".." && ereg(".gif",$file))
{
//stockage dans un tableau
$f[$nf++]=$file;
}

//on trie le tableau
sort($f);

for ($i=0;$i<count($f);$i++)
{
// On écrit le lien du smiley
echo " <tr bgcolor=\"".$coul_ligne."\"> " ;
echo " <td align=\"center\">" ;
echo " <img src=\"".$f[$i]."\" " ;
echo " alt=\"".$f[$i]."\" " ;
echo " name=\"".$f[$i]."\" >" ;
echo "</td><td> ".$f[$i]."</td></tr>" ;
}
}
closedir($handle);

ca fait toujours la liste mais pas encore trié par ordre alfabét.
Je continue a chercher dans la page...

youdontcare

non. tu boucles avec readdir() pour ranger tes fichiers dans un tableau, tu tries le tableau, puis tu boucles sur le tableau pour l'afficher.

jultey

youdontcare a écrit a écrit :

non. tu boucles avec readdir() pour ranger tes fichiers dans un tableau, tu tries le tableau, puis tu boucles sur le tableau pour l'afficher.

Il me semble que c'est ce que je fais...
Je viens de changer une accolade et maintenant ca marche plus du tout...

J'essaie de mettre de la couleur, je sais pas ce que ca va donner

//lecture de tous les fichiers gif du repertoire
//::::::::::::::::::::::::::::::::::::::::::::::
$handle=opendir('.');
[#0ef000]//boucle avec readdir
while($file = readdir($handle))
{
// une ligne de chaque couleur
if($coul_ligne == $coul_ligne1)
$coul_ligne = $coul_ligne2 ;
else
$coul_ligne = $coul_ligne1 ;

$f=array();
$nf=0;

//tant qu'on a des gif
if ($file != "." && $file != ".." && ereg(".gif",$file))
{
//stockage dans un tableau
$f[$nf++]=$file;
}
[/#0ef000][#e21c00]}[/#e21c00]

[#0046b8]//on trie le tableau
sort($f);[/#0046b8]

[#00009b]//boucle sur le tableau
for ($i=0;$i<count($f);$i++)
{
// On écrit le lien du smiley
echo " <tr bgcolor=\"".$coul_ligne."\"> " ;
echo " <td align=\"center\">" ;
echo " <img src=\"".$f[$i]."\" " ;
echo " alt=\"".$f[$i]."\" " ;
echo " name=\"".$f[$i]."\" >" ;
echo "</td><td> ".$f[$i]."</td></tr>" ;
}[/#00009b]
closedir($handle);

youdontcare

ton accolade est bonne, ton indentation est étrange. et tu créés le tableau à chaque passage dans la boucle ... !

ça doit ressembler à :

$f = array();
while ($file = readdir())
{
$f[] = $file;
}
sort($f);
$i=0;
while ($i < sizeof($f))
{
echo $f[$i];
$i++;
}

jultey

//lecture de tous les fichiers gif du repertoire
//::::::::::::::::::::::::::::::::::::::::::::::
$handle=opendir('.');

[#f00e00]//creation du tableau
$f=array();
$nf=0;[/#f00e00]

[#718d00]while($file = readdir($handle))
{
//tant qu'on a des gif
if ($file != "." && $file != ".." && ereg(".gif",$file))
{
//stockage dans un tableau
$f[$nf++]=$file;
}
}[/#718d00]

[#00aa55]//on trie le tableau
sort($f);[/#00aa55]
[#000063]
for ($i=0;$i<count($f);$i++)
{
// une ligne de chaque couleur
if($coul_ligne == $coul_ligne1)
$coul_ligne = $coul_ligne2 ;
else
$coul_ligne = $coul_ligne1 ;

// On écrit le lien du smiley
echo " <tr bgcolor=\"".$coul_ligne."\"> " ;
echo " <td align=\"center\">" ;
echo " <img src=\"".$f[$i]."\" " ;
echo " alt=\"".$f[$i]."\" " ;
echo " name=\"".$f[$i]."\" >" ;
echo "</td><td> ".$f[$i]."</td></tr>" ;
}
[/#000063] closedir($handle);
//::::::::::::::::::::::::::::::::::::::::::::::

Voila, maintenant ca marche, merci encore... Je te dédie le 3 eme de cette page http://www.jultey.firstream.net/jultey/smiley/
(trié par ordre alphabétique bien sur ! ) :jap:

Message édité par jultey le 06-12-2002 à 01:37:32

youdontcare

jultey

c mon préféré celui la... mais rien avoir avec toi !!

Bon, allez, au dodo !
A+

Message édité par jultey le 06-12-2002 à 01:44:54

Publicité

FORUM HardWare.fr

Programmation

[PHP] Lister les fichiers d'un répertoire...

Sujets relatifs
pb de fichiers[access97-vba]	[PHP] prob de permission sous dossier
Help Work Shop: Pb avec les fichiers d'aide multiple	[PHP] c koi la notation === ???
[PHP] URL encodées en base64, récupérer les variables ?	[JS][PHP] Mise à jour de la page seon le select du formulaire
Comment récupérer les données d'une base Access, avec PHP ?	[PHP] Affichage image prise aléatoirement dans une table...
[PHP / JS / MYSQL ] Mon forum version 0.28b ON LINE ! [UPDATE 0.8b]	[Script PHP] Lister les fichiers du répertoire ?
Plus de sujets relatifs à : [PHP] Lister les fichiers d'un répertoire...

Page générée en 0.075 secondes