Byta Formulär bild?

[Grymt]

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

[Erik Juhlin]

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

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

[Wiberg]

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

...om det skall vara en submitknapp!

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

[Alpha II]

Borde det inte vara:

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

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

[Grymt]

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 Juhlin]

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/

[Grymt]

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

[Wiberg]

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 ¤

[@nders]

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 Juhlin]

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/

[Hallgren]

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

[@nders]

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>

[Grymt]

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

[Hallgren]

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

[Grymt]

Man tackar och tar emot, Grymt snällt allihopa