webForumDet fria alternativet

Radio knappar = Byta till bilder?

8 svar · 213 visningar · startad av voigtann1

voigtann1Medlem sedan juni 20019 519 inlägg
#1

Jag har en fråga om radio buttons i ett <form> kan man byta ut dom till bilder såsom Lunarstorm.se har när man registera sig där? kan något tala om för mig hur man fixar det?

Fattar in deras koder.

------------------
//voigtan
:: voigtan.org

"de går inte att lära en gammal norrläning byta namn på irc" - gammalt kinesiskt uttryck

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#2

Jag tog bort tråden i HTML, CSS eftersom att du postad tråden i rätt forum. :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

JojoxxMedlem sedan juni 20004 308 inlägg
#3

Här är ett exempel

------------------
/ J

voigtann1Medlem sedan juni 20019 519 inlägg
#4

ser bra ut men jag har en liten fråga på scripted.. om man har typ två st radio buttons med det scripted kan man göra så att den bara makera ena och inte båda lr så gör det den redan?

------------------
//voigtan
:: voigtan.org

"de går inte att lära en gammal norrläning byta namn på irc" - gammalt kinesiskt uttryck

voigtann1Medlem sedan juni 20019 519 inlägg
#5

Jag ska typ ju ha 2 radio buttons hur fungera koden då??

------------------
//voigtan
:: voigtan.org

"de går inte att lära en gammal norrläning byta namn på irc" - gammalt kinesiskt uttryck

erkaMedlem sedan dec. 19996 522 inlägg
#6

Jojoxx:
Vet du hur man gör för att få den första i arrayen på denna sida att bli checked från början ?

------------------
Real mad hiphop flavaz kickin' it right from tha street without no FEAR, Yo !

JojoxxMedlem sedan juni 20004 308 inlägg
#7

Scriptet använder ett hidden-fält för att spara värdet från den markerade radio-knappen. Sätt bara ett value i den hidden-fältet, samt att du ändrar src för den knapp (bild) som skall vara förmarkerad.

------------------
/ J

PatrikBMedlem sedan mars 20002 836 inlägg
#8

Själv kör jag ngt liknande:

<HTML>
<HEAD>
<TITLE>Checkbox Grafix</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="javascript">
function setBoxImg(cboxobj, imgobj, offImg, onImg){
	var sval = cboxobj.value;
	
	if(sval == 0){
		imgobj.src = offImg;
	}else if(sval == 1) {
		imgobj.src = onImg;
	}
}

function chkBoxImg(cboxobj, imgobj, offImg, onImg){
	var sval = cboxobj.value;

	if(document.images){
		if(sval == 0){
			cboxobj.value = '1';
			imgobj.src = onImg;
			//alert('checkbox value: ' + cboxobj.value + ' image: ' +imgobj.src);
		}else if(sval == 1){
			cboxobj.value = '0';
			imgobj.src = offImg;
			//alert('checkbox value: ' + cboxobj.value + ' image: ' +imgobj.src);
		}
	}	
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#E6E6E6" text="#000000" onLoad="setBoxImg(document.form1.checkbox, document['imgbox'], 'off_box.gif','on_box.gif'); return false;">
<FORM name="form1" method="post" action="">
  <A href="#" onClick="chkBoxImg(document.form1.checkbox, document['imgbox'], 'off_box.gif','on_box.gif'); return false;"><IMG src="off_box.gif" width="13" height="11" border="0" name="imgbox"></A> 
  <INPUT type="hidden" name="checkbox" value="0">
</FORM>
<P> </P></BODY>
</HTML>

e ju ingen hejjare på javascript så det kanske går att kodas bättre, men, det funkar kanon :e

kika här: Checkbox Image förmarkerad

cya,
PatrikB

------------------
-=* IF there is a wrong way to do something, then someone will do it *=-

[Redigerat av PatrikB den 11 jan 2002]

gardaMedlem sedan dec. 200139 inlägg
#9

ett tips:
använd onfocus="this.blur()"
så slipper ni markeringen runt
knappen....

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