Focus in Textbox when the page is Loaded through Ajax

[me2tech]

Hi,

This is ram.

I am developing a page(usereg.jsp ) with two textboxes one for username and another for email. Since i am using this page in main.jsp using Ajax, I am removing the body part in usereg.jsp.

Now i need to focus the cursor in first textbox of usereg.jsp. Since there is no body tag in this jsp i cannot call onload="documen t.formname.text boxname.focus() ".

But i need the focus in textbox when i call this page in main.jsp.

Even i have tried to focus the texbox in usereg.jsp by writing the seperate java script in this page. When i execute just this page(usereg.jsp ) the problem of focusing text box is solved,,

But when i call this page in main.jsp along with the java script i wrote, the focus is not reflecting.

Please suggest me where am i going wrong..

my mailid is: ****

[webhead]

Because http actually *isn't* automatically assigning a value to response. I went back and looked at my AJAX frameworks, and it turns out that you have to manually do this.

Yeah. *sheepish grin*

So anyway, here's what initAjax *really* should look like (are we having fun yet?):

Having fun... like the time our driver's ed instructor hit the car in front when we asked him to show us parallel parking with real cars instead of cones... 8-)

function initAjax(url, callback) {
    var http = getHTTPObject(); 
    http.open("GET", url, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4) { callback(http); } 
        };
    http.send(null);
    }

w00t! It lives!

But.... ::sobbing:: ... now there's no focus :-(

function initAjax(url, callback) {
    var http = getHTTPObject(); 
    http.open("GET", url, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4) { callback(http); } 
        };
    http.send(null);
    }
 
function getTestpage() { 
    url = "afunc.php";
    initAjax(url, function (response) { 
            document.getElementById(theOutput).innerHTML = response.responseText;
            fldname.focus();
        });
    }    

[pbmods]

But.... ::sobbing:: ... now there's no focus :-(

Hm. Your code is looking pretty good. The only thing I can think of is that fldname is not defined.

Check your error console and see what's going on.

[webhead]

Hm. Your code is looking pretty good. The only thing I can think of is that fldname is not defined.

Check your error console and see what's going on.

This works:

function getTestpage() { 
    url = "afunc.php";
    initAjax(url, function (response) { 
            document.getElementById(theOutput).innerHTML = response.responseText;
            document.getElementById('fldname').focus();
        });
    }    

Whew!

Felt like wandering in the desert for 40 years just to go 20 miles, but worth the trip because things were learned. Thanks again for all your help. :-)

[pbmods]

Felt like wandering in the desert for 40 years just to go 20 miles, but worth the trip because things were learned.

On both sides (both parts :P).

Thanks again for all your help. :-)

You are most welcome. Come back anytime!