webForumDet fria alternativet

Hur gör man en bild av reset knapp?

10 svar · 642 visningar · startad av Brimba

BrimbaMedlem sedan dec. 19995 875 inlägg
#1

Hej!

Hur gör man en bild av en erase knapp?

När man gör det av en submit knapp gör man tex så här:

	\<input id="submit1" border="0" name="Send" src="images/send.jpg" type="image" WIDTH="85" HEIGHT="30" onfocus="blur()"\>

Det är ju inga konstigheter men så försökte jag göra en reset knapp men lyckas inte!

Hur gör man?

Tack!

------------------
Mvh
Patrik
aka Brimba

www.datormaklarna.se
patrik@datormaklarna.se

RickeMedlem sedan dec. 199920 inlägg
#2

Måste du absolut ha en <input>-tag så vet jag inte, annars finns ju alternativet:

<form name="my_form">
<input type="text" name="texten">
<a href="javascript:document.my_form.reset(); document.my_form.texten.focus();"><img src="reset.jpg" border="0"></a>
</form>

------------------

//Ricke

BrimbaMedlem sedan dec. 19995 875 inlägg
#3

Tack för den vinklingen av svaret :)

Men jag söker fortfarande ett sätt med hjälp av INPUT, går det?

Någon som vet eller har gjort det?

Tacksam för svar :)

------------------
Mvh
Patrik
aka Brimba

www.datormaklarna.se
patrik@datormaklarna.se

petergrennanetMedlem sedan dec. 1999258 inlägg
#4

Men input alternativet:

script language=javascript
function resetForm() {
 document.formname.reset();
}
/script

och formularet:

<input type="image" src=bild.gif onClick=resetForm()>

Det borde fungera.

------------------
Peter ABB

petergrennanetMedlem sedan dec. 1999258 inlägg
#5

Eller annu enklare:

input type=image src=bild.gif onCLick="document.formname.reset(); return false;"

------------------
Peter ABB

BrimbaMedlem sedan dec. 19995 875 inlägg
#6

Hej!

Jo det fungerar, men då använder man fortfarande sig av javascript för rensingen, jag är ute efter att endast använda HTML:en.

Tack!

------------------
Mvh
Patrik
aka Brimba

www.datormaklarna.se
patrik@datormaklarna.se

VideMedlem sedan dec. 19998 577 inlägg
#7

Kan du inte testa detta:
<BUTTON TYPE=reset ACCESSKEY=R><IMG SRC="reset.gif" ALT="✘"></BUTTON>

... har inte testat det själv, så jag vet inte om det funkar, men det vore ju kul att vet...

------------------
MVH / Vide
Min hemsida:webeye.nu

BrimbaMedlem sedan dec. 19995 875 inlägg
#8

Hej Vide!

Det fungerar men ser bedrövligt ut.

Man ser knappen och inuti knappen sitter bilden, skit fult :( Tyvärr, men det funkar bra, speciellt med accesskey :)

ha det bra!

------------------
Mvh
Patrik
aka Brimba

www.datormaklarna.se
patrik@datormaklarna.se

VideMedlem sedan dec. 19998 577 inlägg
#9

... okej... då vet man... synd att man inte kunde fixa en helt egen bild då...

------------------
MVH / Vide
Min hemsida:webeye.nu

BrimbaMedlem sedan dec. 19995 875 inlägg
#10

Vide... kom å tänka på en sak.

Kan man inte på något sätt sätta färger på <BUTTON>?

Jag provade bgcolor="#FFFFFF" men det fungerade inte, kanske kan man sätta färg på nått annat sätt?

Jag har inte alla BUTTON attribut i huvudet :(

------------------
Mvh
Patrik
aka Brimba

www.datormaklarna.se
patrik@datormaklarna.se

FlashXMedlem sedan nov. 19991 033 inlägg
#11

Du kan använda styles men då synns det bara i Explorer.

input { 
color:#339966;
background:tranparent; border: thin ridge; border-color: #339966 #002424 #002424 #339966}
textarea { 
color:#339966;
background:tranparent; border: thin ridge; border-color: #339966 #002424 #002424 #339966}
select { 
color:#339966;
background:#002424; border: thin ridge; border-color: #339966 #002424 #002424 #339966; text-decoration: none}

Resultatet kan du se här men funkar som sagt bara i Explorer.

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