Etendre une zone de sélection

Version imprimable

02/05/2007, 14h58
amestoche

Etendre une zone de sélection

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 !

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

Code:

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

02/05/2007, 16h14
amestoche

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

Bonjour,
une solution sans JS :

Code:

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>

02/05/2007, 16h20
E.Bzz

... idem pour les checkbox, puisqu'il y a visiblement confusion ;)
02/05/2007, 16h25
DachMt

Je connaissais cette solution aussi...
:D

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)
02/05/2007, 16h42
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 !
02/05/2007, 17h02
E.Bzz

Citation:

Envoyé par 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 !

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