Avatar billede Slettet bruger
10. oktober 2007 - 15:00 Der er 13 kommentarer og
1 løsning

Billede som submit knap

Hej når jeg laver en form hvordan får jeg så et billede som submit knap ?
Avatar billede w13 Novice
10. oktober 2007 - 15:06 #1
Skulle nok have været under JavaScript-kategorien. Men du gør det sådan her:

<img alt="Billede" src="/billedsti.gif" onclick="this.form.submit()">
Avatar billede sherlock Nybegynder
10. oktober 2007 - 15:06 #2
<input type="image" src="submit.gif"
value="submit button"
alt="[Submit]"
name="submit"
title="popup text">
Avatar billede w13 Novice
10. oktober 2007 - 15:10 #3
Sherlocks er nok bedre, da det er et input-felt, og derved beregnet til forms.

Dog må ingen elementer have navnet "submit", så name="submit" må væk. Bare slet det helt. En submitknap behøver intet navn, når man alligevel ikke skal referere til det. Det er ulovligt pga. funktionen submit(), som gør, at submit er et reserveret ord.

"Title" er vel også irrelevant, når vi har "alt".

Og så ved jeg ikke, om der stadig skal være en onclick="this.form.submit()"> for at den submitter.
Avatar billede sherlock Nybegynder
10. oktober 2007 - 15:16 #4
Den submitter godt nok.
I IE bliver alt kun vist når images er slået fra. Title bliver til Tooltip.
Jeg ved ikke hvordan den opfører sig i andre browsere.

Og hvis vi lige retter name til submitbtn, så vil url'en se sådan ud:

test.htm?submitbtn.x=39&submitbtn.y=23
Avatar billede w13 Novice
10. oktober 2007 - 15:18 #5
Det vil løse name="submit" problemet ja. Mange har ikke opdaget problemet ved dette, for det virker fint, når man bare bruger HTML, men med javascript går den helt galt.
Avatar billede w13 Novice
10. oktober 2007 - 15:19 #6
Sherlock>> bliver url'en vist sådan, selvom vi ikke bruger method="get", men derimod method="post"?
Avatar billede Slettet bruger
10. oktober 2007 - 15:19 #7
tak for hæjplen smid begge et svar. Den kom til at se således ud:
<input type="image" value="submit button" alt="[Submit]" src="images/videre.jpg">
Avatar billede w13 Novice
10. oktober 2007 - 15:20 #8
Mine point går til Sherlock. Hans løsning var bedre. =)
Avatar billede sherlock Nybegynder
10. oktober 2007 - 15:31 #9
:) Jeg har ikke checket med post, men jeg går ud fra at det er samme parametre.
Avatar billede w13 Novice
10. oktober 2007 - 15:34 #10
Ok. Men hvis man ikke giver den et navn, bliver parametrene heller ikke overført. Skal man ikke bruge dem, er det også hurtigst sådan. Value kan vel også undværes.
Avatar billede sherlock Nybegynder
10. oktober 2007 - 15:39 #11
Fjerner man navn, får man stadig koordinaterne med :
test.htm?x=59&y=12

Value bliver vist ikke brugt i submit.
Avatar billede w13 Novice
10. oktober 2007 - 15:40 #12
Ok. Så det må blive:

<input type="image" alt="[Submit]" src="/images/videre.jpg">
Avatar billede Slettet bruger
10. oktober 2007 - 15:43 #13
Lige et tillægs spørgsmål. Hvor gør man hvis man har flere form inden i hinanden ? hvis det altså er muligt ? Først har jeg en form, men submit knappen til den form kommer først sidst i dokumentet. Er der en måde jeg kan referer til den bestemte form ?
Avatar billede w13 Novice
10. oktober 2007 - 15:55 #14
Du bør altid undgå form i form.

Men hvis du på dit form-tag har en id, kan du referere til den:

<form id="myForm"...

Og så submitknappen (der kan være hvad som helst):

<input onclick="document.getElementById('myForm').submit()"...

Den sidste kode kan ligge hvor som helst på din side.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester