webForumDet fria alternativet

Radios till bild?

JavaScriptur Javascript

12 svar · 244 visningar · startad av Meng

Medlem sedan feb. 2003549 inlägg
Frågan#1

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?

Medlem sedan feb. 200112 078 inlägg
#2

Flyttas från ASP, VBScript.

Medlem sedan feb. 2003549 inlägg
#3

sorry... men hur gör man?

Medlem sedan mars 20025 907 inlägg
Medlem sedan feb. 2003549 inlägg
#5

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>
Medlem sedan apr. 20003 174 inlägg
#6
[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.

Medlem sedan feb. 2003549 inlägg
#7

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

Medlem sedan feb. 2003549 inlägg
#8

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

Medlem sedan feb. 2003549 inlägg
#9

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%>>
Medlem sedan dec. 20025 483 inlägg
#10

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

:)

Medlem sedan feb. 2003549 inlägg
#11

men det är ju samma kod som ovan..

Medlem sedan dec. 20025 483 inlägg
#12

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>

:)

Medlem sedan feb. 2003549 inlägg
#13

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

140 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)