affichage d'image, options et innerHTML
bonjour,
je souhaite afficher une image suivant un choix fait dans un select.
voila je code:
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
|
<script type="text/javascript">
function change_image()
{
var img = document.getElementById('selct').value;
document.getElementById('text').innerHTML = '<img src="'+img+'" border="0"/>';
}
</script>
<div id="select"> <FORM NAME="Choix">
<SELECT id="selct" onchange="change_image()">
<OPTION selected="selected">Choisir une option </OPTION>
<OPTION VALUE="calendriers\Calend-Promo1.jpg">Promo </OPTION>
<OPTION VALUE="calendriers\Calend-2Div1.jpg">2eme Div </OPTION>
<OPTION VALUE="calendriers\Calend-Footsall1.jpg">Footsall </OPTION>
<OPTION VALUE="calendriers\Calend-U13-1.jpg">U13 </OPTION>
<OPTION VALUE="calendriers\Calend-U11-1.jpg">U10-U11 </OPTION>
<OPTION VALUE="calendriers\Calend-U10-1.jpg">U9-U10 </OPTION>
<OPTION VALUE="calendriers\Calend-U7-U8.jpg">U7-U8 </OPTION>
</SELECT>
</FORM>
</div> |
Cela marche bien en local mais non en distants.
Comment cela se fait-il?
Pouvez vous m'aider.
MERCI