Search jQuery

jQuery Forum

lee.armit..

Triggering Click event in .aspx page

in Using jQuery • 6 years ago

New to JQuery and trying to create some functionality.

I have a Visual Studio 2008 project. I have two buttons. I need the click event to fire one of two buttons based on whether either of them is visible when the enter key is pressed. The buttons are not visible by default. I have code that shows or hides them based on user options. I need to add an if statement that will account for whether one or the other is visible. I do have a text box so maybe attach this to the focus of the text box so if the user hits the enter key outside the text box it won't fire the click event prematurely. Any help is much appreciated.

Here is what I have that is not working:

==============================

<head id="Head1" runat="server">
    <link rel="Stylesheet" type="text/css" href="CSSFiles/main.css" />
    <title></title>
    <style type="text/css">
        .style5
        {
            width: 342px;
        }
    </style>
    <script type="text/jscript" src="//jquery.js">

        $("#form1").keyup(function(event) {
            if (event.keyCode == 13) {
                $("#ExportToExcelButton").click();
            }
        });

    </script>
</head>
<body>
    <form id="form1" runat="server" >

==============================

<asp:Button ID="viewReportButton" runat="server" Text="View Report" CssClass="btnGradientBlue"
                                        Height="25" Width="100" Visible="false" />
                                     
<asp:Button ID="ExportToExcelButton" runat="server" Text="View Grid" CssClass="btnGradientBlue"
                                        Height="25" Width="100" Visible="false" />

==============================

Replies(9)

jakecigar

Re: Triggering Click event in .aspx page

6 years ago

In HTML, a script either has a src=… or it has inline code. Never both.

<script type="text/jscript" src="//jquery.js">

Can’t have inline code. Make 2 <script> tags

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(function(){ // and make the script wait until the page is ready.
$("#form1").keyup(function(event) {
if (event.keyCode == 13) {
$("#ExportToExcelButton").click();
}
});
})
</script>

JΛ̊KE

lee.armit..

Re: Triggering Click event in .aspx page

6 years ago

Thank you for the feedback. Here is what I changed it to:

    <script src="//jquery.js"></script>

    <script>
        $("#form1").keyup(function(event) {
            if (event.keyCode == 13) {
                $("#ExportToExcelButton").click();
            }
        });

    </script>

Still not working. Do I need to add some attribute to the textbox control, some kind of "OnKeyPress"?

watusiware

Re: Triggering Click event in .aspx page

6 years ago

You left out lines 3 and 9 of Jake's code. Your script has to wait for the document to be ready.

lee.armit..

Re: Triggering Click event in .aspx page

6 years ago

jakecigar & watusiware,

Thank you for your assistance. The code that Jake posted works. Now I'd like to reference my local js file instead of the one out on the jquery website. Here is what I have that is not working. I've added the JQuery folder and the 3 files in it to my project. Did I not download the correct files?

    <%--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>--%>
     <script src="~/JQuery/jquery-3.1.1.js"></script>
    <script>
        $(function() { // and make the script wait until the page is ready.
            $("#form1").keyup(function(event) {
                if (event.keyCode == 13) {
                    $("#ExportToExcelButton").click();
                }
            });
        })
        </script>

jakecigar

Re: Triggering Click event in .aspx page

6 years ago

Did you download the correct file? I will guess you downloaded a picture of a cat, or you downloaded it to a different directory or with a different file name.

"~/JQuery/jquery-3.1.1.js" is a very strange name. The tilde is strange, the capitalization is strange.

JΛ̊KE

lee.armit..

Re: Triggering Click event in .aspx page

6 years ago

Okay,

I downloaded the file you reference and got it to work.

I took out the ~. The capitalization is the folder I created in my project to get this to work.

for anyone looking at my post here is the code that is working:

     <script src="/JQuery/jquery-3.1.1.min.js"></script>
    <script>
        $(function() { // and make the script wait until the page is ready.
            $("#form1").keyup(function(event) {
                if (event.keyCode == 13) {
                    $("#ExportToExcelButton").click();
                }
            });
        })
        </script>

lee.armit..

Re: Triggering Click event in .aspx page

6 years ago

Okay, I've got the following code working. However, I need to have a control on my page selected. How can I have this trigger when the enter key is pressed regardless of what is on the page? This page is a menu that when they click on something it brings up controls with default values in the controls. I want the user to just be able to press the enter key.

<script src="/JQuery/jquery-3.1.1.min.js"></script>
    <script>

        $(function() { // and make the script wait until the page is ready.
            $("#form1").keyup(function(event) {

                if ($('#viewReportButton').is(':visible')) {

                    if (event.keyCode == 13) {
                        $("#viewReportButton").click();
                    }

                }
                else {

                    if (event.keyCode == 13) {
                        $("#ExportToExcelButton").click();
                    }

                }

            });
        })

    </script>

</head>
<body>
    <form id="form1" runat="server" >

jakecigar