Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

ASP.NET HotKeys

0.00/5 (No votes)
3 Feb 2006 1  
How to support HotKeys in your ASPX pages [keyboard + ASPX].

Sample Image - ASPNET_HotKeyasp.gif

Introduction

This article shows how to support HotKeys in your ASPX pages.

The steps involved

Step 1

Open VS.NET and create a new ASP.NET Web Application project.

Sample Image - ASPNET_HotKeyasp_6.gif

Step 2

Add two web forms: aspxMain.aspx and aspxFunction01.aspx.

Sample Image - ASPNET_HotKeyasp_7.gif

Step 3

As the following screenshot shows, add a Label and three Buttons on aspxMain.aspx.

Sample Image - ASPNET_HotKeyasp_8.gif

Step 4

Add a Label and a Button on aspxFunction01.aspx.

Sample Image - ASPNET_HotKeyasp_9.gif

Step 5

Double-click on Button1 of aspxMain.aspx to change the IDE view to the aspxMain.aspx.cs editor and paste the following code in the editor:

Response.Redirect("aspxFunction01.aspx");

Step 6

Edit the code inside aspxMain.aspx, and add the following to the bottom of the editor:

<SCRIPT LANGUAGE="Javascript">
<!--
function Even() {
key = event.keyCode;

switch(key) {
case 33:
var b = document.getElementById("Button1");
b.click();
break;
case 64:
var b = document.getElementById("Button2");
b.click();
break;
case 35:
ver b = document.getElementById("Button3");
b.click();
break;
}
}

document.onkeypress = Even;
-->
</SCRIPT> 

Step 7

Double-click on Button1 of aspxFunction01.aspx to switch the IDE view to aspxFunction01.aspx.cs and paste the following:

Response.Redirect("aspxMain.aspx");

Step 8

Edit the code inside aspxFunction01.aspx, and add the following to the bottom of the editor:

<SCRIPT LANGUAGE="Javascript">
<!--
function Even() {
    key = event.keyCode;

    switch(key) {
    case 41:
        var b = document.getElementById("Button1");
        b.click();
        break;
}
}

document.onkeypress = Even;
-->
</SCRIPT>

Step 9

Test to see whether the project meets your needs or not.

Feel free to let me know your feedback.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here