Discussion :

[debutantasp]

Bonjour,
J'ai une liste déroulante qui contienne des pays, je veux qu'on change de cette liste, le drapeau du pays sélectionné s'affiche dans un div, j'ai fait une fonction mais ça ne marchait pas et même la liste ne s'affiche pas, je ne sais pas pourquoi

Code :

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

1
2
3
4
5
6
 
<script language="javascript">
function imgpays(){
document.getElementById('img').innerHTML=document.write("<img src=flags/+document.form.pays.value+.png>");
}
</script>

La partie qui est après le div ne s'affiche pas :

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
 
<form action="" method="post" name="form">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div id="img"></div></td>
    <td><select name="pays" id="pays" onchange="imgpays()">
					<?php
                                                // requête sql
                                                $sql = "SELECT * FROM pays;";
                                                
                                                $req=mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
                                                while($data = mysql_fetch_assoc($req)){
                                                        if ($data['nom']=='Maroc') 
                                                        print '<option value='.$data['nom'].' selected="selected">'.$data['nom'].'</option>';
                                                        else
                                                        print '<option value='.$data['nom'].'>'.$data['nom'].'</option>';
                                                }
                                        
                                            mysql_close();  
                                        ?>
				</select>
	</td>
  </tr>
</table>

[andry.aime]

Salut,
1-Modifie le nom du formulaire car "form" est un mot réservé
2-N'utilise pas document.write, ça pourrait effacer tout, d'ailleurs tu utilises déjà innerHTML.

Code JAVASCRIPT :

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

1
2
3
4
5
<script type="text/javascript">
function imgpays(){
document.getElementById('img').innerHTML="<img src='flags/"+document.getElementById('pays').options[document.getElementById('pays').selectedIndex].value+".png'>";
}
</script>

[debutantasp]

Merci Andry, ça marche très bien sauf que les images avec les noms qui contiennent des lettres avec des accents ne s'affichent pas. Est ce que je dois enlever les lettres avec les accents? ou bien y a une autre solution?
Merci

[andry.aime]

Salut,
Ce n'est pas bien de nommer un fichier avec des caractères accentuées. Renommes les.