AJAX · JavaScript · JQuery

AJAX loader generator

Visit http://www.ajaxload.info/ Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want(tick “Transparent background” if you don’t want one Enter the foreground code color you want Press “Generate it”

JavaScript · JQuery

Keyboard Shortcuts using JQuery

Again it is very simple, looks you to feel like a magician if you are done. Just follow the steps :- Download the shortcut.js file and include it in your layout or view file http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js <%= javascript_include_tag ‘shortcut’ %> Then, add the following lines in the layout or view file where you want the keyboard… Continue reading Keyboard Shortcuts using JQuery

AJAX · JavaScript · JQuery · Ruby On Rails

Drag & Drop Functionality for sorting a list on Ruby On Rails…

There is an easy way of implementing drag and drop sorting functionality in RoR with the help of ‘dragdrop.js’. Here is the steps :- Consider i’m dealing with the movie application, and having a list of scenes(table named ‘scenes’) for a movie. First gather the list of scenes in controller :- (scenes_controller.rb) def list @scenes=Scene.find… Continue reading Drag & Drop Functionality for sorting a list on Ruby On Rails…

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 · JQuery · Ruby On Rails

Making a ajax request from rails

Making a AJAX request in rails is pretty simple. Just follow the below example. It will take you to the particular  method (ex.., todo_fix method in the rooms controller) as used in my example. Then in controller you can perform your operation and do the render part. In View File Sample Rails code <% todo_item=TodoItem.find(:first)… Continue reading Making a ajax request from rails

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