webForumDet fria alternativet

focus på en input

JavaScript

12 svar · 358 visningar · startad av icaaq

Medlem sedan okt. 20005 273 inlägg
Frågan#1

Jag har en sida med två stycken text inputs (användarnamn, lösenord) med dessa skulle jag vilja göra följande.

1. jag skulle vilja behålla fokusen på användarnamnet, även om man råkar klicka på sidan. Fastän jag vill ju ändå kunna ha focus på lösenordet.....om nån fattar vad jag menar ;)

2. Sen skulle jag om man trycker på enter när man är i lösenordet så ska man submita sidan.....om nån fattar vad jag menar ;)

Går detta att lösa?

mvh icaaq

Medlem sedan juni 20004 308 inlägg
#2

Typ;

<script>var myTimer=false;</script>
<form name="myForm" action="something.asp" method="post">
Username: <input type="text" name="username" onBlur="myTimer=setTimeout('document.myForm.username.focus();',100);"><br>
Password: <input type="password" name="password" onFocus="clearTimeout(myTimer);"><br>
<input type="submit" value="Skicka">
</form>
Medlem sedan okt. 20005 273 inlägg
#3

Tack det funkar......men jag vill skippa knappen ;)
Det är väll nått med onSubmit i form-taggen.....eller är jag ute och äter tårta?

mvh icaaq

Medlem sedan okt. 20005 273 inlägg
#4

Och nu när jag testat lite så går det ju inte att skriva en ny adress i adress-fältet, då inputen fokuseras hela tiden......

hmmm går det att lösa tro :OO

mvh icaaq

Medlem sedan juni 20004 308 inlägg
#5

Du kan kladda runt med onKeyup, kolla vilket tangent som tryckes och avgöra om formuläret skall skickas, men det enklaste är att sätta style="width:0px;height:0px;" på submit-knappen och låta den ligga.

Medlem sedan okt. 20005 273 inlägg
#6

ok.....men mitt andra problem kvarstår....nått du kan lösa måntro?

Medlem sedan juni 20004 308 inlägg
#7

Du kan ju göra på detta sätt;

<body onfocus="document.myForm.username.focus();">

<form name="myForm" action="something.asp" method="post">
Username: <input type="text" name="username"><br>
Password: <input type="password" name="password"><br>
<input type="submit" value="Skicka">
</form>

Men då tillåter du även att andra element på sidan fokuseras.

Medlem sedan okt. 20005 273 inlägg
#8

Jojoxx skrev:

Du kan kladda runt med onKeyup, kolla vilket tangent som tryckes och avgöra om formuläret skall skickas, men det enklaste är att sätta style="width:0px;height:0px;" på submit-knappen och låta den ligga.

Då knappen syns i NS så vill jag testa detta med onKeyUp, så då lyder frågan:

Hur fixar jag så att formuläret submitas vid enter tryck?

mvh icaaq

Medlem sedan juni 20004 308 inlägg
#9
<script language="JavaScript" type="text/javascript">
if (document.layers){
	document.captureEvents(Event.KEYUP)
	document.onkeyup = NSKeyUp
}
function NSKeyUp(event){
	if(event.which==13){ document.myForm.submit(); }
}
</script>
<form name="myForm" action="something.asp" method="post">
Username: <input type="text" name="username"><br>
Password: <input type="password" name="password" onkeyup="if(!document.layers&&event.keyCode==13){ this.form.submit(); }"><br>
</form>
Medlem sedan okt. 20005 273 inlägg
#10

Det funkar men det blir ett "biomp" ljud...

Är det nått som man kan göra nått åt ........annars kan jag leva med det :)

mvh icaaq

Medlem sedan juni 20014 421 inlägg
#11

<r>i</r>caaq, nej inte utan en submit-knapp.

Medlem sedan okt. 20005 273 inlägg
#12

Det var ju endast i IE som "boimp" kom så........

BTW it´s icaaq

Medlem sedan okt. 20005 273 inlägg
#13

hehe det var bättre §e

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