Concentreren op een input veld - Softwareontwikkeling

maandag 25 oktober 2004 10:43

Acties:

Topicstarter

Hoi,

Is het mogelijk om bij het laden van een pagina een bepaald input veld te selecteren, zodat er gelijk een invoer gegeven kan worden, zonder het veld eerst handmatig te selecteren zegmaar..

code:

<LINK REL="stylesheet" HREF="algemeen.css" TYPE="text/css">
<center>
<form action="invoer.php" method="post">
<input type="text" name="invoer" size="10" maxlength="10"> (deze wil ik selecteren)
<input type="submit" name="test"> 
</form>
</center>

Nick

maandag 25 oktober 2004 10:45

Acties:

faabman

het lijkt met dat je de focus bedoelt

voor de </body> plaats je

JavaScript:

1
2
3

<script type="text/javascript">
  document.forms[0].elements['invoer'].focus();
</script>

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

maandag 25 oktober 2004 10:51

Acties:

enveekaa

Topicstarter

code:

<LINK REL="stylesheet" HREF="algemeen.css" TYPE="text/css">
<center>
<script type="text/javascript">
  document.forms[0].elements['invoer'].focus();
</script>
<body>
<form action="invoer.php" method="post">
    <input type="text" name="invoer" size="10" maxlength="10" id="invoer">
    <input type="submit" name="test">
</form>
</center>

Zoiets als dit? deze werkt namelijk niet..

maandag 25 oktober 2004 10:52

Acties:

Pelle

🚴‍♂️

Joh.. dat komt omdat dat form nog niet bestaat op het moment dat je het script uitvoert. Zet dat gedeelte in een functie die geladen wordt op het moment dat de pagina binnen is (window.onload event) en het werkt wel

maandag 25 oktober 2004 11:02

Acties:

BtM909

Watch out Guys...

Pelle schreef op 25 oktober 2004 @ 10:52:
Joh.. dat komt omdat dat form nog niet bestaat op het moment dat je het script uitvoert. Zet dat gedeelte in een functie die geladen wordt op het moment dat de pagina binnen is (window.onload event) en het werkt wel

Is het niet beter om de JS-code na de </form> (of erger </table>

) te zetten?

Probleem waar ik vaak tegenaan loop, is dat het formulier al geladen is, maar de rest van de pagina nog niet (pics e.d.). Gebruiker begint met tikken (zet dus eerst handmatig de focus op het input-element). Gebruiker is inmiddels bij het 2e input-element (wachtwoord oid) en de focus wordt opnieuw gezet in het eerste input-element.

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.

maandag 25 oktober 2004 11:02

Acties:

faabman

enveekaa schreef op 25 oktober 2004 @ 10:51:

code:

<LINK REL="stylesheet" HREF="algemeen.css" TYPE="text/css">
<center>
<script type="text/javascript">
  document.forms[0].elements['invoer'].focus();
</script>
<body>
<form action="invoer.php" method="post">
    <input type="text" name="invoer" size="10" maxlength="10" id="invoer">
    <input type="submit" name="test">
</form>
</center>

Zoiets als dit? deze werkt namelijk niet..

volgens mij zei ik ook voor de </body>, waarmee ik dus bedoel:

HTML:

<LINK REL="stylesheet" HREF="algemeen.css" TYPE="text/css">
<center>

<body>
<form action="invoer.php" method="post">
    <input type="text" name="invoer" size="10" maxlength="10" id="invoer">
    <input type="submit" name="test">
</form>
</center>
<script type="text/javascript">
  document.forms[0].elements['invoer'].focus();
</script>

oww, en <center> voor <body> mag niet... (misschien een bezoekje aan http://w3schools.com

)

[ Voor 29% gewijzigd door faabman op 25-10-2004 11:03 ]

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

maandag 25 oktober 2004 11:13

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

<center> is sowieso al depricated

Als je toch stylesheets gebruikt gooi dan dit er even bij:

Cascading Stylesheet:

body {
    text-align: center;
}

form {
    margin-left: auto;
    margin-right: auto;
}

_{Overigens had je dit best even kunnen uitzoeken met bv. Google, die doet dit ook}

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

maandag 25 oktober 2004 11:36

Acties:

crisp

Devver

Pixelated

/basic

onload is trouwens niet handig voor dit soort dingen

Intentionally left blank