javascriptasp.netpaginationkeyboard-shortcuts

Next/Prev (CTRL->/<-CTRL) keyboard shortcuts in javascript in ASP.NET


I have a simple ASP.NET page with paging support. Basically just hyperlinks that look like this:

report.aspx&page=1
report.aspx&page=2
etc

How could I implement a keyboard shortcut so I could go forward to next page and to previous page by just holding Ctrl and pressing either or ?

I have seen this functionality implemented on some discussion boards, but I can't figure out how to do it.


Solution

  • See http://www.artlebedev.com/tools/technogrette/js/arrow-navigation/

    <link rel="prev" href="report.aspx&page=1" id="PrevLink" />
    <link rel="next" href="report.aspx&page=2" id="NextLink" />
    
    . . .
    
    <script language="javascript" type="text/javascript">
    document.onkeydown = NavigateThrough;
    
    function NavigateThrough (event)
    {
      if (!document.getElementById) return;
    
      if (window.event) event = window.event;
    
      if (event.ctrlKey)
      {
        var link = null;
        switch (event.keyCode ? event.keyCode : event.which ? event.which : null)
        {
          case 0x25:
            link = document.getElementById ('PrevLink');
            break;
          case 0x27:
            link = document.getElementById ('NextLink');
            break;
        }
    
        if (link && link.href) document.location = link.href;
      }         
    }
    </script>