Button Query

rsm42 · July 27th, 2007, 01:41 PM

Hi,

I have a query about asp.net buttons. Using asp.net 1.1 and vb.net 2003 code I have a login screen in which customers can either register their details for the first time or existing customers can login. On the page there are two buttons. The one near the top to register and the button near the button to click for existing customers to login. Each button has a separate onclick event associated to them.

I've noted that if an existing customer puts in their login details and hits enter on the keyboard, it jumps to the new user registration screen. Its almost like they have clicked on the top button to register.

I've done some research on the web and found this code, but this does not work apparently with two buttons on the same page :

Code:

Page.RegisterHiddenField("__EVENTTARGET", "btnLogin")

Can anybody suggest how I can add some code so when you press enter it goes to the login screen. How is it best to do this ? Here's the code of how the login screen is set up :

Code:

<table cellspacing="0" cellpadding="0" width="260">
    <tbody>
        <tr>
            <td colspan="2">
                <p class="topgrid" align="center">
                    To place the order please login 
                </p>
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <div align="center">New customers please register your details : 
                </div>
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <asp:Button id="btnRegister" onclick="btnRegister_Click" CssClass="frmbtn" Text="Register" Width="60px" runat="server"></asp:Button>
                &nbsp; 
            </td>
        </tr>
        <tr>
            <td class="linegrid" colspan="2">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <div align="center">Returning Customer - Please login : 
                </div>
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                &nbsp; 
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <asp:Label id="lblUser" runat="server" forecolor="White">Username: </asp:Label></td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <div align="center">
                    <asp:TextBox id="txtUsername" Width="150px" runat="server"></asp:TextBox>
                </div>
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                &nbsp; 
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <asp:Label id="lblPassword" runat="server" forecolor="White">Password: </asp:Label></td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <div align="center">
                    <asp:TextBox id="txtPassword" Width="150px" runat="server" TextMode="Password"></asp:TextBox>
                </div>
            </td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                &nbsp; <asp:Label id="lblmessage" runat="server" cssclass="heading"></asp:Label></td>
        </tr>
        <tr>
            <td class="midgrid" colspan="2">
                <asp:Button id="btnLogin" onclick="btnLogin_Click" CssClass="frmbtn" Text="Login" runat="server" width="60px"></asp:Button>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="botgrid" colspan="2">
                &nbsp;</td>
        </tr>
    </tbody>
</table>

Thanks

hericles · July 30th, 2007, 04:05 AM

Hi,
The quick answer to your problem is that the enter keystroke will activate whichever button has the focus, which by default is the first one on the page. Change the focus to the Log In button and then the enter keystroke will activate that.
Hope that helps,
Steve

"I will prepare and one day my chance will come."

rsm42 · July 30th, 2007, 08:13 AM

Thanks - what's the easiest way to do this then ?

hericles · July 30th, 2007, 04:27 PM

Hi,
The easiest way would be to use JavaScript, like this:
<body onload="javascript:document.Form1.Button1.focus(); ">
Change Button1 to the name of the Log In button. There are other methods using .Net server side. You can look these
up on the net.

"I will prepare and one day my chance will come."

karunanithi · July 31st, 2007, 04:27 AM

put this in htmlpart
-------------------

<table cellspacing="0" cellpadding="0" width="260">
                <tbody>
                    <tr>
                        <td colspan="2"><p class="topgrid" align="center">To place the order please login
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><div align="center">New customers please register your
                                details :
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"></td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><asp:Button id="btnRegister" onclick="btnRegister_Click" CssClass="frmbtn" Text="Register" Width="60px"
                                runat="server"></asp:Button>
                        </td>
                    </tr>
                    <tr>
                        <td class="linegrid" colspan="2"></td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><div align="center">Returning Customer - Please login :
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2">
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><asp:Label id="lblUser" runat="server" forecolor="White">Username: </asp:Label></td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><div align="center"><asp:TextBox id="txtUsername" Width="150px" runat="server"></asp:TextBox>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2">
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><asp:Label id="lblPassword" runat="server" forecolor="White">Password: </asp:Label></td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><div align="center"><asp:TextBox id="txtPassword" Width="150px" runat="server" TextMode="Password"></asp:TextBox>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2">&nbsp;
                            <asp:Label id="lblmessage" runat="server" cssclass="heading"></asp:Label></td>
                    </tr>
                    <tr>
                        <td class="midgrid" colspan="2"><asp:Button id="btnLogin" onclick="btnLogin_Click" CssClass="frmbtn" Text="Login" runat="server"
                                width="60px"></asp:Button>
                            &nbsp;</td>
                    </tr>
                    <tr>
                        <td class="botgrid" colspan="2">&nbsp;</td>
                    </tr>
                </tbody>
            </table>
----------------------------------------------

put this code in codebehind

Public Sub btnRegister_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnRegister.Click

    End Sub

    Public Sub btnLogin_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnLogin.Click

    End Sub

rsm42 · August 1st, 2007, 10:19 AM

I could not get this to work despite several attempts and different ways of approaching this. So I cheated somewhat and converted the first button to a hyperlink and the login button now works when you click enter.

Thanks anyway....