[javascript] onFocus naar de volgende input

[Verwijderd]

Hallo,

ik heb een input waarvan in niet wil dat hij word veranderd door de mens. Dus ik zorg ervoor dat als je de muis erop zet hij naar de volgende input gaat die te zien is op de pagina. Dus als iemand aan het tabben is hij toch bij de volgende input komt ....

Nu heb ik dit script:

code:

function doNext(el){

    var f = el.form;
    var els = f.elements;
    var x, nextEl;
    for (var i=0, len=els.length; i<len; i++){
        x = els[i];
        if (el == x && (nextEl = els[i+1])){
            if (nextEl.focus) nextEl.focus();
        }
    }
}

// en hij de input:
<input  id="code2" type="text" value="" onFocus="doNext(this)">

Maar wat nu het probleem is, is dat de input die niet ingevult mag worden de laatste in in dat <form>
Er komt daana nog een ander <form> maar daar springt hij niet naartoe.

Hoe kan ik het zo maken dat hij naar het volgende <form> springt als er een volgend forum is, en blur() gebruikt als hij de allerlaatste is op de pagina ...

Alvast bedankt, Koen

[crisp]

Nog nooit gehoord van het disabled of readonly attribuut?

[chris]

Je zegt: var f = el.form;

Wat je moet doen is nog een loop om het geheel heenzetten die iets doet als:

JavaScript:

var forms = document.getElementsByTagName("form");
for(var i=0; i < forms.length; i++)
{
  var f = forms[i];
  // rest van de code
}

Verder zijn er een aantal checks die je kan uitvoeren voor je naar het volgende element springt, met name de dingen die crisp zegt. Ook dingen als input=hidden en onzichtbare elementen wil je misschien gaan skippen, maar misschien gaat dat veel te ver voor je probleem