webForumDet fria alternativet

Byta Formulär bild?

14 svar · 315 visningar · startad av Grymt

GrymtMedlem sedan dec. 20011 685 inlägg
#1

Jag har ett formulär med en kommandoknapp. Hur gör jag för att byta kommandoknappen till en vanlig bild?

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#2

Är det här vad du menar?
<input type="image" src="bild.gif">

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

WibergMedlem sedan juni 20003 169 inlägg
#3

<input type="image" src="bild.gif" value="submit">

...om det skall vara en submitknapp!

------------------
¤ WIBERG ¤

Alpha IIMedlem sedan maj 20002 993 inlägg
#4

Borde det inte vara:

<INPUT TYPE="submit" SRC="bild.gif">

------------------
KLICKA HÄR!!!

GrymtMedlem sedan dec. 20011 685 inlägg
#5

tack Wiberg, det funkade utmärkt, men om jag vill ha en reset knapp också, hur gör jag då?
För detta funkar inte:

<input type="image" name="reset" src="bild.gif" value="reset">

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#6

Value är egentligen onödigt eftersom att där brukar man skriva texten på en vanlig submit knapp.

Reset knappen måste du göra med javascript. Ett exempel:

<form name="formularnamn">
<input type="text">
</form>
<input type="image" src="submit.gif"> <a href="javascript:document.formularnamn.reset()"><img src="reset.gif" border="0"></a>

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

GrymtMedlem sedan dec. 20011 685 inlägg
#7

Jag bugar och tackar och går genast och testar om det funkar.

WibergMedlem sedan juni 20003 169 inlägg
#8

Helt rätt, Erik!

Ditt sätt fungerar också bättre om man t.ex. vill ha en onMouseOver funktion på submit/reset knappen.

CASE CLOSED!

------------------
¤ WIBERG ¤

@ndersMedlem sedan juni 200032 969 inlägg
#9

då skulle jag bara vilja göra ett litet tillägg.

ha med border=0 i input-taggen så får inte netscape en sån där äcklig ram runt bilden.

mvh

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
sucky, sucky. five dallah!</A>

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#10

alt="Skicka" kan väl också vara vettigt.

Vill man göra en onmouseover på Submit knappen som Wiberg nämnde så gör man på samma sätt som med reset knappen fast bytar ut reset() mot submit().
Ganska logiskt.. :)

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

HallgrenMedlem sedan dec. 19991 606 inlägg
#11

Vill egentligen inte förstöra en sån här tråd, men måste säg att detta är en av de trevligaste trådarna jag läst på väldigt länge. :)

------------------
-=-=-=-=-=-
Mvh Hallgren
Forumledare
True Design
-=-=-=-=-=-

@ndersMedlem sedan juni 200032 969 inlägg
#12

hallgren: det är inte att förstöra tråden, det är att göra den bättre! :)

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
sucky, sucky. five dallah!</A>

GrymtMedlem sedan dec. 20011 685 inlägg
#13

Oooh... Är det meningen att jag ska vara stolt som startat en sån fin tråd ;)

En fråga till, inte lönt att starta en ny tråd för det, Någon som har ett bra onMouseOver script?

Mvh Grymt

HallgrenMedlem sedan dec. 19991 606 inlägg
#14

Här har du ett:

<script language="JavaScript"

if (document.images) {
	button_1_on=new Image;
	button_1_on.src="bild1a.gif";
	button_1_off=new Image;
	button_1_off.src="bild1b.gif";

	button_2_on=new Image;
	button_2_on.src="bild2a.gif";
	button_2_off=new Image;
	button_2_off.src="bild2b.gif";
}
function rollIn(imgName){
	if (document.images) {
		document[imgName].src=eval(imgName + "on.src");
	}
}
function rollOut(imgName){
	if (document.images) {
		document[imgName].src=eval(imgName + "off.src");
	}
}
</script>

<a href="sida.html" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')"><img src="bild1b.gif" border="0" name="button_1_" width="30" height="30"></a>
<a href="sida2.html" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')"><img src="bild2b.gif" border="0" name="button_2_" width="30" height="30"></a>

------------------
-=-=-=-=-=-
Mvh Hallgren
Forumledare
True Design
-=-=-=-=-=-

GrymtMedlem sedan dec. 20011 685 inlägg
#15

Man tackar och tar emot, Grymt snällt allihopa ;)

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