HTML · JavaScript · JQuery · ruby · Ruby On Rails

Handling Keyboard Shortcuts in Rails or HTML

Handling keyboard shortcuts in a Rails app, HTML using javascript is pretty simple. Just download a shortcut.js from the following URL : http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js Rails :- Paste the file in the /public/javascripts folder Write the following code in your view / layout file before <body> tag. <head> <script src=”/javascripts/shortcut.js” type=”text/javascript”></script> <script type=”text/javascript”> shortcut.add(“Ctrl+Shift+X”,function() {alert(“You Pressed Ctrl+Shift+X!”);});… Continue reading Handling Keyboard Shortcuts in Rails or HTML

AJAX · HTML · JQuery · Ruby On Rails

Scrolling automatically to some part of the link when clicking the anchor tag in html and rails

<div align=”center”> <table border=”1″ cellspacing=”1″ width=”500″ id=”table1″> <tr> <td> <div align=”left” id=”top”> <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100″ id=”table2″> <tr> <td><a href=”#home”>HOME</a></td> </tr> <tr> <td><a href=”#about”>ABOUT</a></td> </tr> </table> </div></td> </tr> <tr> <td height=”500″ valign=”top”><span id=”home”>HOME AREA</span> <a href=”#top”>Go Top</a></td> </tr> <tr> <td valign=”top” height=”700″><span id=”about”>ABOUT AREA</span> <a href=”#top”>Go Top</a></td> </tr> <tr> </table> </div> $(document).ready(function(){ $(“.scroll”).click(function(event){ //prevent… Continue reading Scrolling automatically to some part of the link when clicking the anchor tag in html and rails