Textlänk istället för knapp.

JavaScript

9 svar · 183 visningar · startad av MindsEye

Medlem sedan feb. 200160 inlägg
Trådstart#1

Om man vill ha en vanlig textlänk istället för en standardknapp för att "submitta" formulär. Hur gör man då? Går det eller måste man göra en bild?

Medlem sedan juni 200032 967 inlägg
#2

ne, du kan posta formulär med en textlänk, men det gör du med javascript, alltså finns i javascript-forumet miljarder lösningar. :)

men jag tipsar lite ändå:

<form>
<a href="#" onclick="this.form.submit();">klicka!</a>
</form>

typ något sånt. kanske.

Medlem sedan dec. 1999707 inlägg
#3

Du kan iofs med hjälp av css få en submit-knapp se ut som vanlig text men annars kan du helt enkelt skapa följande länk i forumuläret:

<a href="#" onclick="this.form.submit()">Skicka...</a>

Det du bör tänka på är att om du har något onSubmit-event för forumläret så kommer det INTE att köras automatiskt.

Lycka till! :)

Medlem sedan maj 200010 687 inlägg
#4

this.form.submit() ?
Det går väl inte? document.formulärnamnet.submit() måste det väl vara.

Sen så passar väl det här inlägget bättre i "JavaScript, DHTML".

Medlem sedan juni 200032 967 inlägg
#5

document.formulärnamnet.submit() måste det väl vara.

helt rätt, faktiskt, och anledningen till att det inte fungerar är att a-taggen inte är ett formulärelement. byter man ut textlänken mot en <input type="button"> till exempel, så fungerar det att använda this.

så helt klart bäst är ju, för att få det att lira med en textlänk, precis som erik skriver,

document.formulärnamnet.submit();

eller om man så föredrar med index för aktuellt formulär:

document.forms[0].submit();

mvh,

Medlem sedan feb. 20005 891 inlägg
#6

Jag rekommenderar att du gör så här istället, ändrar länken lite bara..

<a href="javascript:document.formulärnamnet.submit()">Skicka...</a>

Då "åker" man inte längst upp på sidan, som man gör med en länkning till #.. :)

Medlem sedan juni 20004 308 inlägg
#7

... då är väl allra snyggast att returnera false från onClick så genererar det inte fel för icke JavaScript-enablade webbläsare, eller kanske en länk;

<a href="no_javascript.html" onClick="document.myForm.submit(); return false;">

:)

Medlem sedan maj 200010 687 inlägg
#8

Krånglar inte det i Netscape 2 då?
Netscape 2 fattar väl inte vad return false är och går då in på sidan. :l

Medlem sedan juni 200032 967 inlägg
#9

netscape 2? kom igen nu erik!

Medlem sedan maj 200010 687 inlägg
#10

Tja, ska man bry sig om webbläsare som inte stöder javascript så kan man väl bry sig om webbläsare som stöder javascript som t.ex. Netscape 2. :)

261 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)