Boutons radio pour modifier une image
Bonsoir à tous !
Je voudrais pouvoir modifier une image dans ma page HTML grâce à des boutons radio. Après plusieurs essais, je n'y arrive pas. Voici mon code dans le body. Il faut checker un bouton radio et appuyer sur le bouton pour appeler la fonction qui va changer l'image:
Code:
1
2
3
4
5
6
7
8
9
10
| <BODY>
<form>
<input type='radio' name='choice' value='scotland' > Scotland
<input type='radio' name='choice' value='ireland' > Ireland
<input type='button' name='bouton' value='Show it' onClick='changeflag(this.form.choice)'>
</form>
<IMG NAME=imgflag SRC= "pictures/which one.jpg">
</BODY> |
Et dans le head je modifie la source de l'image en fonction du choix de l'utilisateur:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -
function changeflag(thechoice) {
if (thechoice(0).check){
document.imgflag.src = "pictures/" + thechoice.value + ".jpg"
}
else {
document.imgflag.src = "pictures/" + thechoice(1).value + ".jpg"
}
};
// - End of JavaScript - -->
</SCRIPT>
</HEAD> |
Voila si vous pouvez me donner des idées, merci d'avance.
M.E.T.H.O.D. M.A.N.
