Focus on textbox based on URL.

Question

I have two forms on one page and want to have the input boxes focused based on the URL.

So for example: domain.com/Default.aspx#login and domain.com/Default.aspx#register

and the javascript I have this:

        if (window.location.href = '?action=login')
        {
            window.document.getElementById('<%=txtUserName.ClientID %>').focus();
        }
        else if (window.location.href = '?action=register')
        {
            window.document.getElementById('<%=txtRegEmail.ClientID %>').focus();
        }

EDITED

Answer 1

You can get the url using window.location.href, and do a simple string test on it to see which focus to set. Either form of the url (anchor or querystring) should work.

Edit: You can learn more about the window.location object here.

Edit 2: Given your added code example, it looks like you're using ASP or ASP.Net. If so, you should probably handle this on the server side, having just one focus() call and setting the element id (the "<%= %>" part) on the server side based on the Request.Querystring object.

Answer 2

var url = window.location.href;

if (url.indexOf('?action=login', 0) > -1) {
    window.document.getElementById('<%=txtUserName.ClientID %>').focus();
} else if (url.indexOf('?action=register', 0) > -1) {
    window.document.getElementById('<%=txtRegEmail.ClientID %>').focus();
}

Answer 3

You either want to do this only on the server side using query strings...

(I code too much PHP and my Asp.NET is a little rust so this code snippet might have syntax/langauage errors...)

<%
    if("login".Equals(Request.QueryString["action"])) {
        %>
        window.document.getElementById('<%=txtUserName.ClientID %>').focus();
        <%
    }
    else if("register".Equals(Request.QueryString["action"])) {
        %>
        window.document.getElementById('<%=txtRegEmail.ClientID %>').focus();
        <%
    }
%>

Or on the client side with javascript and the anchor #login

var url = window.location.hash;

if (url == "#action") {
    window.document.getElementById('<%=txtUserName.ClientID %>').focus();
} else if (url == "#register") {
    window.document.getElementById('<%=txtRegEmail.ClientID %>').focus();
}