Radios till bild?

Kan man ersätta radio buttons till bilder?

t ex

<radio> ger denna bilden <bild>
<radio> ger denna bilden <bild>
<radio> ger denna bilden <bild>
<radio> ger denna bilden <bild>

också ha bara bilder istället som blir markerade när man väljer dem?

Flyttas från ASP, VBScript.

sorry... men hur gör man?

http://www.jojoxx.net/jscript/archive/show.asp?id=27

Var i denna röran sätter man in value? och kan man ha en form i en form?

<form name="myForm">
<input type="hidden" name="myradio">
<a href="#" onClick="gfxRadioSelect('myRadios',document.myForm.myradio,0,'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="myRadios0"></a>
<a href="#" onClick="gfxRadioSelect('myRadios',document.myForm.myradio,1,'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="myRadios1"></a>
<a href="#" onClick="gfxRadioSelect('myRadios',document.myForm.myradio,2,'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="myRadios2"></a>
</form>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

var myRadios=new Array('blå','gul','vit'); // Array med de värden som skall ingå i den grafiska radioknappsgruppen.

function gfxRadioSelect(radioarray,radioobj,index,offSrc,onSrc){
	for(var n=0;n<eval(radioarray+".length");n++){
		eval('document["'+radioarray+n+'"].src=offSrc;');
	}
	radioobj.value=eval(radioarray+"["+index+"]");
	eval('document["'+radioarray+index+'"].src=onSrc;');
}
</script>

[red]var myRadios=new Array('blå','gul','vit'); // Array med de värden som skall ingå i den grafiska radioknappsgruppen.[/red]

blå = första värdet
gul = andra värdet
vit = tredje värdet

..o.s.v.

hehe missade det =) men varför 3 värden?! :q man kan ju bara ha 2 st "ja eller nej"

Oj förlåt! jag som sovit förlite... det va ju 3 radios.. hehe sorry m8
Trevlig helg! :birp

hur gör man dessa "checked" då?! tänker på detta scriptet..

<input type="radio" name="igang" value="True" <%If RecSet("igang") = "True" Then%>checked<%End If%>> / 
<input type="radio" name="igang" value="False" <%If RecSet("igang") = "False" Then%>checked<%End If%>>

Genom att anropa funktionen med lämpliga argument:

gfxRadioSelect('myRadios',document.myForm.myradio,1,'images/off.gif','images/on.gif');

Gör att den mittersta boxen blir "checked".

:)

men det är ju samma kod som ovan..

Testa detta (reserverar mig för ev. ASP-relaterade fel):

<form method="post" action="admin.asp?do=inne&action=aktiv&id=<%=RecSet("ID")%>" name="aktiv">
<input type="hidden" name="igang">
<a href="#" onClick="gfxRadioSelect('myRadios',document.aktiv.igang,0,'http://www.jojoxx.net/jscript/archive/images/off.gif','http://www.jojoxx.net/jscript/archive/images/on.gif'); document.aktiv.submit(); return false;"><img src="http://www.jojoxx.net/jscript/archive/images/off.gif" width=30 height=30 border=0 alt="" name="myRadios0"></a>
<a href="#" onClick="gfxRadioSelect('myRadios',document.aktiv.igang,1,'http://www.jojoxx.net/jscript/archive/images/off.gif','http://www.jojoxx.net/jscript/archive/images/on.gif'); document.aktiv.submit(); return false;"><img src="http://www.jojoxx.net/jscript/archive/images/off.gif" width=30 height=30 border=0 alt="" name="myRadios1"></a>
</form>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

var myRadios=new Array(true,false); // Array med de värden som skall ingå i den grafiska radioknappsgruppen.

function gfxRadioSelect(radioarray,radioobj,index,offSrc,onSrc){
	for(var n=0;n<eval(radioarray+".length");n++){
		eval('document["'+radioarray+n+'"].src=offSrc;');
	}
	radioobj.value=eval(radioarray+"["+index+"]");
	eval('document["'+radioarray+index+'"].src=onSrc;');
}

gfxRadioSelect('myRadios',document.aktiv.igang,<%If RecSet("igang") = "True" Then%>0<%Else%>1<%End If%>,'http://www.jojoxx.net/jscript/archive/images/off.gif','http://www.jojoxx.net/jscript/archive/images/on.gif');

</script>

:)

=) funkade inte, fast jag har börjat misstänka att det är något felpå resten av mitt script som gör att inga andra javascript funkar som de ska på sidan..