afficher une image dans un div
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:roll:
Code:
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:
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> |
