Inputfields submitten (middels href) mbv 'enter'-toets

[Verwijderd]

Voor een website met een aantal forms met inputfields is de submit-button vervangen door een href:

code:

 href="javascript:void(document.formulier.submit())"

Helaas is door het vervangen van de submit-button met bovenstaande link de mogelijkheden verdwenen om na het invoeren in de input fields direct via 'enter' door te gaan naar de volgende pagina. Nu moet expliciet op de link geklikt worden (irritant). Heeft iemand hier een oplossing voor?

Volledige code form:

code:

<FORM ACTION="<#query>" method="post" NAME='formulier'>
<TABLE BORDER=0>
<INPUT TYPE="HIDDEN" NAME="check" VALUE="X">
<TR><TD><B>filter</TD><TD><INPUT TYPE="TEXT" NAME="filter"></TD></TR>
<TR><TD><B>zoek op</TD><TD><INPUT TYPE="TEXT" NAME="zoekstr"></TD></TR>
<TR><TD COLSPAN=2><a href="javascript:void(document.formulier.submit())">zoek &gt;&gt;</a></TD></TR>
</TABLE>
</FORM>

[BtM909]

Is er een reden geweest om die button te vervangen door tekst

_{aangezien een button ook te stylen is tot simpel tekst}

[André]

Verander dit eens:

code:

href="javascript:void(document.formulier.submit())"
in:
href="javascript:document.forms['formulier'].submit()"

Dat is netter. En ik zou zoals BtM090 al zegt gewoon een button als tekst gaan stylen.

[BtM909]

André schreef op 28 oktober 2004 @ 14:30:
Verander dit eens:

code:

href="javascript:void(document.formulier.submit())"
in:
href="javascript:document.forms['formulier'].submit()"

Dat is netter.

Aj.... Daar heb ik overheen gelezen.

En ik zou zoals BtM090 al zegt gewoon een button als tekst gaan stylen.

offtopic:
Zei jij of willem169 of Cheatah of ik dat

[Verwijderd]

André schreef op 28 oktober 2004 @ 14:30:
Verander dit eens:

code:

href="javascript:void(document.formulier.submit())"
in:
href="javascript:document.forms['formulier'].submit()"

Dat is netter. En ik zou zoals BtM090 al zegt gewoon een button als tekst gaan stylen.

En kan ik zo'n gestylde button ook aan een css laten voldoen? Oh dan nog een kleinigheidje (ja eigenlijk google ik weet het) hoe een button naar tekst te stylen?

[André]

Verwijderd schreef op 28 oktober 2004 @ 14:35:

En kan ik zo'n gestylde button ook aan een css laten voldoen? Oh dan nog een kleinigheidje (ja eigenlijk google ik weet het) hoe een button naar tekst te stylen?

code:

<input type="submit" style="border: 0; background-color: #FFFFFF;">

[BtM909]

code:

<input type="submit" style="border: 0; background-color: #FFFFFF; text-decoration: underline;">

Dan is ^^ iets handiger

[ Voor 36% gewijzigd door BtM909 op 28-10-2004 14:40 ]

[Verwijderd]

BtM909 schreef op 28 oktober 2004 @ 14:40:

code:

<input type="submit" style="border: 0; background-color: #FFFFFF; text-decoration: underline;">

Dan is ^^ iets handiger

Is het ook mogelijk om er een class aan te verbinden? OF pikt ie dat niet?

[BtM909]

Probeer het eens

[Verwijderd]

probeer eens....

ja dus

[André]

Baas boven baas:

code:

.UTFS {
  border: 0;
  background-color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

<input type="submit" class="UTFS">

[ Voor 45% gewijzigd door André op 28-10-2004 14:59 ]

[Woudloper]

offtopic:
LoL at class name

Gaat dit overigens niet iets te ver met helpen

[BtM909]

Uber-L337 baas:

code:

.UTFS {
  border: 0;
  background-color: #FFFFFF;
  cursor: pointer;
}

.UTFS: hover {
  text-decoration: underline;
}
<input type="submit" class="UTFS">

[Verwijderd]

Cascading Stylesheet:

background-color: inherit

[ Voor 6% gewijzigd door Verwijderd op 28-10-2004 14:53 ]

[André]

Pfff, ik wil geen streepje alleen bij hovers, en dit werk niet in IE

[BtM909]

André schreef op 28 oktober 2004 @ 14:54:
Pfff, ik wil geen streepje alleen bij hovers, en dit werk niet in IE

1. Pfff
2. Gebruik dan een echte browser

[Verwijderd]

BtM909 schreef op 28 oktober 2004 @ 14:56:
[...]

1. Pfff
2. Gebruik dan een echte browser

Ik wil uberhaupt geen underline ik wil een verspringing in kleur... tsss...

[Verwijderd]

Jammer alleen dat m'n hover nu niet wil...

code:

.submitrood {
  border: 0;
  color: #003399;
  font-weight: bold; 
  font-size: 10pt;
  TEXT-DECORATION: none; 
  background-color: #dddddd;
  cursor: pointer;
  font-family: "Trebuchet MS", Arial, Georgia, Garamond 
}

.submitrood:hover { 
    color: #ff0000; 
}

[Verwijderd]

André schreef op 28 oktober 2004 @ 14:54:
... dit werk niet in IE

dus als je het toch wil, toevlucht zoeken tot js, ie7 of clay's htc

[André]

Verwijderd schreef op 28 oktober 2004 @ 15:31:
[...]


dus als je het toch wil, toevlucht zoeken tot js, ie7 of clay's htc

IE7: http://dean.edwards.name/IE7/
Clay: http://www.xs4all.nl/~peterned/csshover.html

[Verwijderd]

Mijn dank is groot... opgelost mbv onmouseover.

Slotje wat mij betreft.

[JHS]

Verwijderd schreef op 28 oktober 2004 @ 16:35:
Mijn dank is groot... opgelost mbv onmouseover.

Slotje wat mij betreft.

Dat een topic opgelost is wil natuurlijk niet zeggen dat er een slot op komt, kunnen andere mensen ook nog een vervolg vraag stellen .

[Verwijderd]

Verwijderd schreef op 28 oktober 2004 @ 16:35:
[..] wat mij betreft.

Mening geen feit.

[BtM909]

Verwijderd schreef op 28 oktober 2004 @ 17:12:
[...]


Mening geen feit.

Boeie, laat het topic met rust als je je oplossing hebt... Hij zakt vanzelf af.

JHS geeft alleen aan dat topics niet worden gesloten als de TS er klaar mee is
Zie ook: Algemene regels hoe je op het forum te gedragen (Netiquette) #topiceinde