Programming Ideas, Logics, Tips and Tricks

Just a quick review of tips available in jQuery to manage nodes (contents) near by the content / node which is triggered an event, like click, hover etc Functions: find, parent, parents, children, first, last, closest Suppose you need to manage some nodes nearby a link or a button on an event. Say $(‘.button’).click(function(){ // [...]

You can create iPhone style flip using jQuery. Visit: http://lab.smashup.it/flip/ for more details Share

A wide range of jQuery plugin which help us to create Facebook style designs are follows: I got this huge collection from this website. I am just rewriting that post here. 1) Facybox Website here 2) Facebox http://famspam.com/facebox 3) FCBKComplete Go to webstie 4) Facebook style registration Go to website 5) Gmail/Facebook style jQuery chat [...]

jCarousel is a simple jQuery plugin to create continuous sliding effect.  I like the way they created the plugin. http://sorgalla.com/jcarousel/ jCarousel uses both javascript array and structured html  for inputing data. The data can be modified with html using post callback functions. For example, you can show flicker images using jCarousel by importing the images [...]

I think, i am becoming jQuery fan day by day. If you have an iPhone or iPod Touch or iPad, try this url in your browser: http://sajithmr.me/jqtouch/demos/main/ You will wonder for some minutes. Yes, it is not a application, it is a website and every action is created by our dearest jQuery using jQTouch library [...]

Recently I created a sliding menu for a project using jQuery and ScrollTo functions. See demo: Slider  Menu We can use the jQuery function $(“.menubar”).scrollTo(id_of_element) to scroll any scrollable area to a particular location. The idea behind every smooth sliding is using scroll function with overflow:hidden mode. You can download the source code from : [...]

Flash messages or notification messages are very essential part of every update/edit or delete operations. We either use ajax update messages like “You account has been updated” or “Your photo has been successfully deleted” Here, a new plugin of jQuery can be used to display the flash messages like twitter. (see twitter’s settings page) I [...]

IF you are facing problem with layout issues inside iframe (which is normally not there in normal pages) just test these things. Iframe is considered as a separate html page. So it needs all the basic tags, from html, head, body. It does not get styles from parent, so you need to add manually in [...]

Finally I found a good light-box which really matches the name “Light box” in FancyBox.  It is a jQuery based light window. It has very less features while compare with any other light box, but simple to use. Compatible with all browsers. Go here to find it : http://fancybox.net/ You need to add the below [...]

If you are using mootool and jquery same time in your html pages, it normally won’t work. Because both are using $ variable for the base object. So only the last js file included will be active. To avoid this, follow the steps: Include mootool js first Include jquery js file second Like this: <script [...]

Start jquery for manipulating html file and execute javascript just like sql queries. Simply pointer the dom object with a $  and manipulate with different built in function. For example  $(“p.neat”).addClass(“ohmy”).show(“slow”); Don’t need to write javascript inside each node. It is like prototyping. Insted of adding an onClick=”function()” inside the node, jquery define the onclick [...]