focus op verzend knop

[Kanivan]

ik heb een formulier gemaakt en ik vond het niet mooi dat als er focus was op een input veld, dat de verzendknop dikker werd(dus daar de focus op kwam) op de resetknop kwam niets
dit heb ik verholpen met javascript:

code:

OnClick="document.form1.send.focus=blur();"

maar dan kan ik niet meer tikken in de veld waar ik die code heb geplaatst.
Ik heb uiteindelijk mijn originele probleem erholpen door van de send button van het type=button te maken, maar ik wil weten waarom automatisch er een focus op de sendbutton komt en waarom ik niet in het veld kon typen als ik daar mijn javascript code implementeer

[André]

Kanivan schreef op 16 augustus 2002 @ 13:12:
maar ik wil weten waarom automatisch er een focus op de sendbutton komt

Dat is nu eenmaal zo door de ontwikkelaars van de browsers gemaakt.

En wat doet dat js scriptje precies? Ik kan er geen touw aan vast knopen.

[Thijsmans]

ten eerste zou ik dit gebruiken:

code:

onClick="document.forms['form1'].elements['send'].blur()"

en verder, tsja, als je blurt kan je niet typen, dat is toch logisch? En het is inderdaad niet mogelijk (mogelijk/standaard aanwezig) dat de send-knop niet wordt omlijnt, maar er was eerder een topic over, misschien is daar iets over gezegd, maar de search werkt niet goed dus waarschijnlijk vind je hem niet en heb ik nu een lange zin of niet?

[Kanivan]

mijn script zorgt ervoor dat ik op een inputveld klik, er geen focus op de send knop komt, ik blur het daarmee. Ik vind het raar dat ik niet in dat veld kan typen als ik op die veld klik al blur ik daarmee een andere knop.

[André]

Ik denk dat dat komt omdat je als je de send button blurt de focus automatisch naar het volgende form element gaat, tenzij je met tabindex een andere volgorde aangegeven hebt.

Dus elke keer dat jij op de input klikt krijg je dat verhaal. Want ik denk dat als je met de tab toets naar de input gaat er niets gebeurt en je wel kunt typen omdat de onclick niet getriggert word.

[Kanivan]

mm ja dat klinkt heel logisch, bedankt! deze kan dicht hoor!

[Verwijderd]

Nog een hele simpele oplossing: maak geen submit button, maar een:

<input type="button" onclick="this.form.submit();" />

[ Voor 0% gewijzigd door Verwijderd op 16-08-2002 13:51 . Reden: html fix ]

[Grom]

Eerst lezen

Ik heb uiteindelijk mijn originele probleem erholpen door van de send button van het type=button te maken

[Verwijderd]

Ik heb het gelezen hoor, maar hij had het niet erg duidelijk uitgelegd voor als iemand anders met dezelfde vraag zit, en toevallig dit topic uit de search tovert

[Grom]

Okay, dan nu creatief met kurk:

code:

<form action="javascript:alert('=:-)')">
<input type="text">
<input type="reset">
<input type="submit" style="width:0px border:0px;">
<input type="submit">
</form>

Een andere oplossing is nog:

code:

<span Style="border:2px outset ButtonFace;">
<input type="submit" value="versturen" style="border:0px;"></span>