Discussion :

[freeman43]

bonjour,

je souhaite afficher une image suivant un choix fait dans un select.
voila je code:

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
 
<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

[Invité]

essai avec le slash inversé

Code :

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

1
2
<OPTION VALUE="calendriers/Calend-Promo1.jpg">Promo </OPTION>

et aussi a voir pour le tiret

Code :

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

1
2
<OPTION VALUE="calendriers\Calend_Promo1.jpg">Promo </OPTION>

[andry.aime]

Bonjour,

Pourquoi ne pas simplement modifier le src de l'image au lieu d'utiliser innerHTML?

Code :

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

1
2
var img = document.getElementById('selct');
document.getElementById('idDeLimage').src=img.options[img.selectedIndex].value;

A+.

[javatwister]

effectivement