JavaScript

Javascript – Object watch (on all browsers)

Javascript’s object.watch is a function which tends to work only on Firefox.. How do we make it work on other browsers? Below is the code snippet to achieve this:-   Common JS Snippet for making object.watch to work on all browsers if (!Object.prototype.watch) { Object.defineProperty(Object.prototype, “watch”, { enumerable: false , configurable: true , writable: false… Continue reading Javascript – Object watch (on all browsers)

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

JavaScript · Rails 3 · Ruby On Rails

Comparition of Adopting Unobstructive Javascript and XSS in Rails 2 & 3

Cross-Site-Scripting in Rails 2 <%= @post.body %> –> Unsafe <%= h @post.body %> –> Safe Cross-Site-Scripting in Rails 3 <%= @post.body %> –> Safe <%= raw @post.body %> –> Unsafe Adopting Unobstructive Javascript Example 1 : Rails 2: <%= link_to_remote ‘Show’, :url => post %> Will generate a HTML like, “<a href=”#” onclick=”new Ajax.Request(‘/posts/1′, {asynchronous:true,… Continue reading Comparition of Adopting Unobstructive Javascript and XSS in Rails 2 & 3

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