Pb d'affichage d'une image à la volée, choisie dans une liste déroulante
Bonjour,
j'ai un petit pb, j'ai un programme PHP qui liste des images d'un répertoire, il affiche le nom des images dans une liste déroulante, jusque là rien d'extra. Lorsque l'utilisateur choisit dans la liste déroulante une image, je souhaiterai que celle-ci soit affichée à la volée en dessous, d'où l'utilisation de la fonction OnChange dans la balise select.
Mais lorsque j'essaie le test, il ne se passe rien. Je suis novice en Javascript.
Voici le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <html><body><form name="form1" method="post" action="">
<label> Liste des fichiers présents dans le répertoire de destination (Images) : <br>
<select name="choix" id="choix" OnChange="document.getElementById("pic").src = 'images/' + document.getElementById("choix").options[document.getElementById("choix").selectedIndex].value;">
<option value=""></option>
<?php
$rep = opendir("images");
while(false !== ($fichier = readdir($rep)))
{
if($fichier != "." && $fichier != "..")
{
echo "<option value=\"".$fichier."\">".$fichier."</option>";
}
}
closedir($dir);
?>
</select>
</label>
<img src="images/defaut.jpg" name="pic"/>
</form>
</body>
</html> |
Merci d'avance :)
