Toon posts:

[js] focus verplaatsen

Pagina: 1

Acties:

44 views sinds 30-01-2008
Reageer

vrijdag 16 mei 2003 09:51

Acties:

Verwijderd

Topicstarter

Weet iemand of er een naam is voor het invullen van een formulier waarbij je na een aantal tekens ingevoerd te hebben. De focus automatisch op het volgende veld gezet wordt.

Zodat ik verder kan zoeken.

Of weet iemand de oplossing voor dit probleem?

vrijdag 16 mei 2003 09:52

Acties:

Pelle

🚴‍♂️

Met een onChange een functie aanroepen die het aantal characters telt, en indien hoger dan x de focus naar het volgende veld verplaatst.

vrijdag 16 mei 2003 10:19

Acties:

Verwijderd

Topicstarter

hoe kan je bepalen of x bereikt is zonder te submitten?

vrijdag 16 mei 2003 10:24

Acties:

Pelle

🚴‍♂️

code:

1	<input type="text" onChange="calcChars(this);">

En dan schrijf je een javascript functie calcChars die kijkt naar de length van de value van het meegestuurde object.

vrijdag 16 mei 2003 10:32

Acties:

Verwijderd

Topicstarter

vrijdag 16 mei 2003 11:17

Acties:

Blaise

if (aantal.length = max)

In ieder geval 1 fout: "=" moet "==" zijn.

vrijdag 16 mei 2003 11:25

Acties:

Pelle

🚴‍♂️

Volgens mij heb je geen flauw idee waar je het over hebt

Ga hier eens kijken: http://www.w3schools.com/js/js_form.asp

vrijdag 16 mei 2003 11:47

Acties:

Verwijderd

Topicstarter

kom ik net vandaan.
en heb nu dit:
function calcChars()
{
x=document.verkoop
input=x.verkoop_id_jaar.value
if (input.length == 2){

document.forms[0].verkoop_id_maand.focus()
}

Hij herkent alleen de veldnamen niet.? verkoop_id_jaar verkoop_id_maand

vrijdag 16 mei 2003 12:07

Acties:

Verwijderd

Topicstarter

Voor de liefhebber: het werkt!

function schuifdoor(elmnt,content)
{
if (content.length==elmnt.maxLength)
{
next=elmnt.tabIndex
if (next<document.forms[0].elements.length)
{
document.forms[0].elements[next].focus()
}
}
}

vrijdag 16 mei 2003 12:15

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Probeer eens iets in deze trend:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>AutoTab</title>
    <script language="JavaScript">
        function autoTab(lIndex, lLen) {
            if (frmEntries.txtField[lIndex].value.length>=lLen) {
                lIndex++; if (lIndex>=frmEntries.txtField.length) lIndex=0;
                frmEntries.txtField[lIndex].selecta();
            }
        }
    </script>
</head>

<body>
    <form name="frmEntries">
        <table cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td>Naam</td>
                <td>:</td>
                <td><input type="text" name="txtField" value="" onkeypress="autoTab(0,8);"></td>
            </tr>
            <tr>
                <td>Adres</td>
                <td>:</td>
                <td><input type="text" name="txtField" value="" onkeypress="autoTab(1,15);"></td>
            </tr>
            <tr>
                <td>Postcode</td>
                <td>:</td>
                <td><input type="text" name="txtField" value="" onkeypress="autoTab(2,15);"></td>
            </tr>
        </table>
    </form>
</body>
</html>

[edit]
G-B was me voor, en het is nog mooier (op het eerste oog) dan de mijne ook

* RobIII wou het niet voorkauwen....

[ Voor 113% gewijzigd door RobIII op 16-05-2003 12:17 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

vrijdag 16 mei 2003 14:51

Acties:

r0bert

"next" (zie G-Bs laatste post), lijkt me trouwens wel gereserveerd..

[ Voor 23% gewijzigd door r0bert op 16-05-2003 14:52 ]

vrijdag 16 mei 2003 14:55

Acties:

Verwijderd

"next" staat hier niet bij: http://webreference.com/p...ipt/jsdesign/chap2/4.html ...

[ Voor 4% gewijzigd door Verwijderd op 16-05-2003 14:57 ]

Pagina: 1

Reageer