Fra link til knapp

[kongen]

Hvordan kan jeg få en link i en form til å oppføre seg som en knapp?

<a class="knapp" href="#">Knapp</a>

Skal få en "submit-funksjon" slik som en knapp har

<input type='submit' value='Knapp'>

 

[Dag Frogner]

<FORM>
<INPUT TYPE="BUTTON" VALUE="Knapp" ONCLICK="window.location.href='http://www.dittdomene.no'">
</FORM>

 

[Jannis]

Det der var en knapp som oppførte seg som en link, ikke en link som oppførte seg som en knapp.

TS vil at en <a> tagg skal gjøre samme jobben som <input type="submit">

How To Submit a Form Using JavaScript

 

[selbekk]

Du kan style en knapp slik at den ser ut som en link med CSS? evnt, hvis du bare vil sende litt info som en ID eller så, kan du også bare bruke en link med url-parametre (som example.com/?id=123).

 

[Daniel Johnsrud]

Eller rett og slett bare sånn

<form method="get" action="" id="testForm">
  <a href="javascript:void(0);" onclick="javascript:document.getElementById('testForm').submit();">Submit form</a>
</form>

 

[kongen]

Eller rett og slett bare sånn

<form method="get" action="" id="testForm">
  <a href="javascript:void(0);" onclick="javascript:document.getElementById('testForm').submit();">Submit form</a>
</form>

Takk, det virket

Du er min nye helt!

 

[Tonny Kluften]

Haha. Daniel er veldig flink.

 

[enotodden]

Anbefaler ikke å bruke inline event-handlere.

Istedenfor:

<a href="javascript:void(0);" onclick="javascript:document.getElementById('testForm').submit();">Submit form</a>

Kan du gjøre slik:

HTML:

<a id="myButton" href="#">Submit form</a>

JS:

var myButton = document.getElementBydId("myButton");

myButton.onclick = function(){
    //Bruk submit funksjonen her for å sende inn skjemaet.
}

Ville googlet litt på "unobtrusive javascript" også mens du er i gang