Javascript to Set Focus to TextBox

Discussion in 'ASP .Net' started by Joey, Dec 23, 2005.

  1. Joey

    Joey Guest

    I have a javascript piece that sets focus to a textbox on one of my
    webforms. The script works fine for IE: it sets the cursor blinking in
    the textbox. In Firefox, however, it doesn't work at all.

    Below are two snippets from the page source as pulled directly out of
    Firefox after viewing the page:


    I. HTML CODE BLOCK FOR TEXTBOX

    <td align="right" width="100">
    <input name="ctl00$txtUserName" type="text" maxlength="30"
    id="ctl00_txtUserName"
    style="border-width:0px;border-style:None;width:100px;" />
    </td>

    II. SCRIPT CODE BLOCK

    <script>var
    txtBox=document.getElementById("ctl00_txtUserName");if(txtBox!=null)document.all.ctl00_txtUserName.focus();</script>


    There is also another script block immediately following this one.

    I have used this code on a couple of other sites, and it has always
    worked for both browsers. Now, I am having a problem for some reason.
    The only thing new here is that I am now using VS2005 and
    ClientScript.RegisterStartupScript instead of VS2003 and
    Page.RegisterStartupScript.

    Any ideas?
     
    Joey, Dec 23, 2005
    #1
    1. Advertisements

  2. Joey

    albert braun Guest

    i don't know why the script fails on Firefox browsers, but, if you're
    only concerned with setting the focus, you might want to try the
    ASP.NET 2.0 control "Focus" method :

    protected void Page_Load(object sender, EventArgs e)
    {
    this.TextBox2.Focus();
    }

    hth

    seasons greetings,
    albert
     
    albert braun, Dec 23, 2005
    #2
    1. Advertisements

  3. Joey

    Bruce Barker Guest

    firefox, uses the w3c dom, not the IE proprietary dom (.all collection).
    change code to:

    <script>
    var txtBox=document.getElementById("ctl00_txtUserName");
    if (txtBox!=null ) txtBox.focus();
    </script>


    -- bruce (sqlwork.com)
     
    Bruce Barker, Dec 23, 2005
    #3
  4. How to select all text in this case?
    The tb does not hi-lite it's contents this way.
    I might need to resort to js then.. to bad..
     
    Edwin Knoppert, Dec 27, 2005
    #4
  5. Joey

    Adrian G

    Joined:
    Sep 6, 2011
    Messages:
    1
    Likes Received:
    0
    Thank you Bruce.. :)
     
    Adrian G, Sep 6, 2011
    #5
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.