webForumDet fria alternativet

Byta Formulär bild?

HTML & CSS

14 svar · 318 visningar · startad av Grymt

Medlem sedan dec. 20011 685 inlägg
Frågan#1

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

Medlem 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/

Medlem sedan juni 20003 169 inlägg
#3

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

...om det skall vara en submitknapp!

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

Medlem sedan maj 20002 993 inlägg
#4

Borde det inte vara:

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

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

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

Medlem 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/

Medlem sedan dec. 20011 685 inlägg
#7

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

Medlem 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 ¤

Medlem sedan juni 200032 967 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>

Medlem 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/

Medlem 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
-=-=-=-=-=-

Medlem sedan juni 200032 967 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>

Medlem 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

Medlem 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
-=-=-=-=-=-

Medlem sedan dec. 20011 685 inlägg
#15

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

270 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
144 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)