Using JQuery with Wordpress

February 10th, 2010 Posted in Blogging

Jquery is one of the topmost javascript libraries now using with wordpress. Jquery is having a huge number of plugins which will make our blog amazing  look and feel.
For using Jquery with Wordpress we don’t need to  include it in our theme folder.
We can use the following code for adding the jquery support to the [...]

» Read More

Detecting Browser close event using Jquery

December 13th, 2009 Posted in Web 2.0

The JavaScript window.onbeforeload() event is fired just before the web page is unloaded. This gives us the ability to make sure that the user is certain about leaving the page that they are viewing. We can also use this to catch the browser closing event.
I have mixed the script with Jquery. We can use [...]

» Read More

Add lightbox to Wordpress blogs without using a plugin

October 27th, 2009 Posted in Web 2.0

There are a lot of plugins available for adding lightbox support to wordpress blogs. But I am trying to add the lightbox script directly to my blog here. I have followed the below steps to add the plugin to my wordpress blog
Step 1 : Download jquery lightbox plugin
Step 2 : Copy jquery.lightbox-0.x.js, jquery.js, jquery.lightbox-0.x.css from [...]

» Read More

Moving Options inside a Select Box using Jquery

August 13th, 2009 Posted in Web 2.0

Using Jquery  we can easily move or change the order of options inside an input select element. For eg consider the  the following select box and we need to move the option element “other” to the end of the list or after the element “goa”
<select id=”myselectbox” name=”state” >
<option>Select a state</option>
<option>Kerala</option>
<option>Other</option>
<option>Goa</option>
<option>Delhi</option>
</select>
We can use Jquery manipulation function [...]

» Read More

JQuery UI dialog close

December 17th, 2008 Posted in Web 2.0

We have a lot of situations to close a JQuery UI dialog from the dialog itself other than using the default close button. But the fuction dailog(”close”) will not work from the iframe since JQuery doesn’t support cross-window operations.
I am loading a Jquery UI dialog and inside it an iframe to show a form. [...]

» Read More