[JS] Selecteer input field on load - Softwareontwikkeling

woensdag 14 augustus 2002 11:01

Acties:

Topicstarter

Hoi, ik heb een pagina waarbij hij results laat zijn uit een db, nu wil ik dat als hij de pagina geladen heeft hij gelijk de input field selecteert..

als je 100 dingen moet invullen word je gestoort van het elke keer aankliken van dat veld

ik heb het nu gedaan met Tabindex=1 maar dan moet je toch op tab drukken..

woensdag 14 augustus 2002 11:04

Acties:

D2k

ik denk dat je dat alleen met Javascript kan oplossen door onLoad te focussen op dat veld. Maar das meer voor de buren in Webdesign & Graphics.

Doet iets met Cloud (MS/IBM)

woensdag 14 augustus 2002 11:07

Acties:

Verwijderd

anders kijk je ff hoe google dat doet

woensdag 14 augustus 2002 11:10

Acties:

ArjanC

Topicstarter

ik heb lopen google maar niets kunnen vinden.

kan iemand m moven naar WG ?

woensdag 14 augustus 2002 11:13

Acties:

whoami

Ik denk ook dat het meer iets is voor W&G.
PW -> WG.

https://fgheysels.github.io/

woensdag 14 augustus 2002 11:15

Acties:

Shir

javascript in <body> tag:

<body onLoad="document.formulier_naam.input_veld_naam.focus()">

woensdag 14 augustus 2002 11:15

Acties:

HunterPro

heb je uberhaupt wel gekeken?

3 tellen werk?

function sf(){document.f.q.focus();}

<body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onLoad=sf()>

edit:

dit komt dus uit de SOURCE van google.

woensdag 14 augustus 2002 11:20

Acties:

WvdWest

In je body tag zet je dit

code:

1	onload=FocusInput()

In de header dit

code:

<script>
<!--
FocusInput()
{
document.FormNaam.InputveldNaam.focus();
}
// -->
</script>

HTH

I'm not a complete idiot - several parts are missing.

woensdag 14 augustus 2002 11:26

Acties:

BtM909

Watch out Guys...

Let wel op het volgende:

Een onload in een zware pagina (lees: veel plaatjes), wordt pas getriggered als het laatste plaatje op die pagina geladen is. Bezoekers moeten dus eerst wachten tot alles geladen is (doen ze dus niet). Klikken vervolgens op het eerste veld, gaan verder met invullen en plots wordt die trigger geladen en springt de focus naar het eerste veld!!!!

Je kan dat wel weer voorkomen door:

1. eerst een check doen of een van de velden een focus heeft. Zo ja, doe je niks, anders focus je het eerste veld.

2. je script niet in een onload doen, maar direct na het veld. Houdt daarbij wel rekening met schermopbouw. Dus als je hele form in een tabel staat, pas na de eindtag van je table het javascript plaatsen.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 14 augustus 2002 11:33

Acties:

McVirusS

Je kan pas focussen op een form-element als deze geladen is dus dan lijkt een onload mij wel de meest logische manier. (Ik heb trouwens best vaak al gemerkt dat ik bij een onload foutmelding krijg dat bepaald element niet bestaat terwijl dezelfde functie toch echt wel werkt als ik zelf wacht tot alles geladen is.)

woensdag 14 augustus 2002 12:55

Acties:

BtM909

Watch out Guys...

Nogmaals, ik kom maar al te vaak sites tegen waar dit dus niet handig is opgelost....

Probleem gaf ik al aan: onLoad wordt pas getriggered na het laatste plaatje.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 14 augustus 2002 13:09

Acties:

ArjanC

Topicstarter

het gaat om een pagina met alleen maar rouwe data (van databeest) in een IntraNet

woensdag 14 augustus 2002 13:13

Acties:

André

Analytics dude

code:

<form name="formulier">
  <input type="text" name="test" value="">
</form>

<script language="javascript">
  document.formulier.test.focus();
</script>

Zo ga je het doen en niet anders

woensdag 14 augustus 2002 13:14

Acties:

ArjanC

Topicstarter

ik heb nu dit :

code:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>

<script>
<!--
FocusInput()
{
document.form1.number.focus();
}
// -->
</script>


</HEAD>
<BODY onload=FocusInput()>

waarbij Form1 het formnaam is en Number de naam van het input field
maar hij werkt niet..

zou het komen omdat het een asp pagina is ? moet ik er dan wat aparts bij zetten?

[ Voor 0% gewijzigd door ArjanC op 14-08-2002 13:17 . Reden: info vergeten ]

woensdag 14 augustus 2002 13:37

Acties:

BtM909

Watch out Guys...

burp2001 schreef op 14 augustus 2002 @ 13:14:
code:
1
2
3
4
FocusInput()
{
document.form1.number.focus();
}
waarbij Form1 het formnaam is en Number de naam van het input field
maar hij werkt niet..

JavaScript is case-sensitive. Heet je form Form1 of form1???
JavaScript is case-sensitive. Heet je input Number of number???

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 14 augustus 2002 13:42

Acties:

ArjanC

Topicstarter

alles is o.k.

was typo van mij

maar hij doet het nog steeds niet

woensdag 14 augustus 2002 13:51

Acties:

McVirusS

code:

<HTML>
<HEAD>
  <TITLE>inputFocus</TITLE>
</HEAD>
<BODY onload="document.forms['frm'].elements['veld'].focus();">
<form name="frm">
<input type="text" name="veld">
</form>
</BODY>
</HTML>

[ Voor 0% gewijzigd door McVirusS op 14-08-2002 13:53 . Reden: HTML & [code] zuigt ]

woensdag 14 augustus 2002 14:17

Acties:

ArjanC

Topicstarter

Hij werkt! thanks McVirusS