Discussion :

[amestoche]

Bonjour,
voilà mon problème n'en est en fait pas un, mais j'ai besoin d'aide car je cherche mais je ne trouve pas de script déjà fait permettant d'étendre une zone de sélection. Plus précisément, j'ai un bouton radio et une image qui lui est associée et je voudrais que, lorsque l'on clique sur l'image le bouton se cocher.
Une source a m'indiquer ?
Merci d'avance !

[DachMt]

Je ne sais pas si c'est ça...

Code :

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

1
2
3
4
5
6
<form name="monform">
   <a href="#" onclick="document.getElementById('1').checked=true;">Coche 1</a> | <a href="#" onclick="document.getElementById('1').checked=false;">Decoche 1</a><br />
   <input type="checkbox" name="case1" value="1" id="1"> essai 1<br /><br />
   <a href="#" onclick="document.getElementById('2').checked=true;">Coche 2</a> | <a href="#" onclick="document.getElementById('2').checked=false;">Decoche 2</a><br />
   <input type="checkbox" name="case2" value="2" id="2"> essai 2<br /><br />
</form>

Après tu adaptes à ton formulaire (faire attention, les ID de chaque input sont importants pour la javascript).

Et au lieu de mettre des liens texte "Coche 1" par exemple, tu mets une image...

[amestoche]

Merci mon p'tit dachMt !
(Finalement, le javascript n'est pas si difficile que je pensais !...)

[E.Bzz]

Bonjour,
une solution sans JS :

Code :

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

1
2
<input type="radio" name="les_radios" id="r1"><label for="r1"><img src="ton_image1.gif"></label>
<input type="radio" name="les_radios" id="r2"><label for="r2"><img src="ton_image2.gif"></label>

[E.Bzz]

... idem pour les checkbox, puisqu'il y a visiblement confusion

[DachMt]

Je connaissais cette solution aussi...


Ca peut-être effectivement plus pratique.
Par contre on a pas le pointeur de la souris au passage dessus... Il faut donc soit rajouter une balise avec href, ou lui associée une classe avec comme propriété cursor:pointer; (mais je suis pas sur que ça fonctionne sous IE6)

[amestoche]

En effet, les deux marchent mais étant donné que dans mon travail je dois montrer mon aptitude a apprendre javascript, vaut mieux que je fasse avec du javascript ! lol
Merci pour les infos !

[E.Bzz]

En effet, les deux marchent mais étant donné que dans mon travail je dois montrer mon aptitude a apprendre javascript, vaut mieux que je fasse avec du javascript !

Effectivement !
Mais tu montreras que tu en mesures correctement les avantages/inconvénients en soulignant qu'une solution purement HTML est souvent (toujours ?) préférable