tabindexes don't work with onBlur function in Net

elisabeth · November 24th, 2004, 09:49 AM

Thanks Chris, I corrected what you told me to.... it almost work!.
The following scenario has strange result though... please, try it and tell me.
If it works for you in Netscape, then I will give up!!
- tabulator on field1 => cursor goes to field4 (ok)
- focus on field1 again and enter something
- tabulator on field1 => cursor goes to field2 (ok)
- enter something on field2 (or don't ... the result is the same!)
- tabulator on field2 => cursor goes to field1 !!!!!

ChrisScott · November 24th, 2004, 09:57 AM

Hey Elisabeth,

Afraid it still works for me. Can you publish it somewhere on the net, check it doesn't work for you & then post the url so I can take a look?

Cheers,

Chris

elisabeth · November 24th, 2004, 10:02 AM

That is strange!!!
Unfortunately, I can't publish it on the net... I would not know where!. I only have my intranet to test it and it does not work!.
Sorry you cannot take a look.
Well, I guess this is it then.
Thank you very much anyway for your time. I will try to do without it!

ChrisScott · November 24th, 2004, 10:34 AM

Hi Elisabeth,

Very frustrating!!!

Another approach would be to check the value of the field each time a key is released, at least this way someone will not get confused when they try to focus on field 2 or 3 after clearing field 1 & in addition it might even work for you...

Code:

<html>

<head>
  <title></title>

<script type="text/javascript">
function initForm1(form)
{
    var f1 = form.field1.value;
    if (!f1.match(/^(\s)*$/) ) 
    {
        form.field2.disabled = form.field3.disabled = false;
    }
    else
    {
        form.field2.disabled = form.field3.disabled = true;
        form.field2.value = form.field3.value = "";
        setTimeout("document.forms." + form.name + ".field1.blur(); document.forms." + form.name + ".field1.focus();");
    }
    return true;
}
</script>

</head>

<body onload="initForm1(document.forms.myForm);">

<form name="myForm">
Field1:
<input type=text name="field1" tabindex=3  onkeyup="initForm1(this.form);"> 
<br>
Field2:
<input type=text name="field2" tabindex=4 disabled="disabled">
<br>
Field3:
<input type=text name="field3" tabindex=5 disabled="disabled">
<br>
Field4:
<input type=text name="field4" tabindex=6>
</form>

</body>

</html>

HTH,

Chris

elisabeth · November 24th, 2004, 11:07 AM

It works!!!! You are the best!!!!
Thank you so much!!