Archive for the ‘JavaScript Solutions’ Category

Jquery Fade In, Fade Out Effect February 23rd, 2010
by Zeeshan

Hello welcome to another tutorial by blogswizards, jQuery Fade In, Fade Out Effect. Dont Know jQuery? Dont worry its real simple to use and implement. If you really want to get stuck into jquery then nettuts have wrote a complete series on the subject SEE THIS LINK.

Add Javascript in a WordPress Post or Page December 12th, 2009
by Zeeshan

One of my readers asked me the following question: “How can I run a JavaScript within a WordPress post?” In this short post I have explained how I use Javascript in my WordPress posts. Adding javascript in WordPress post is really simple. You just have to switch to the HTML view in the editor and [...]

An Elastic Thumbnail Menu November 21st, 2009
by Zeeshan

In an ongoing attempt to offer alternative methods to spruce up menus, I’ve pieced together an elastic thumbnail menu. What does it do exactly? Magnifies menu items when they are hovered over. Menu items expand upwards. View the demo to see it in action.

Sliding Boxes and Captions with jQuery August 31st, 2009
by Zeeshan

The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through. Confused? Cue the helpful diagram – From this basic idea we can play around with animations [...]

Edit In Place with AJAX August 27th, 2009
by Zeeshan

An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML page they are viewing, without leaving the page. The Concept Click the text to be edited and magically a textarea appears with buttons beneath to save or cancel the changes. Changes are sent via AHAH to a PHP script which [...]

Integrate Google Calendar using AJAX August 25th, 2009
by Zeeshan

One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it’s a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly [...]

Scroll Box bottom Position check August 24th, 2009
by Zeeshan

I wanted to see if I could check if a user has scrolled to the bottom of the box. For example, to see if they have read all the terms and conditions. We can find out the scroll position using $(selector).scrollTop() and to find the highest posible scroll position using $(selector)[0].scrollHeight.

Sexy Drop Down Menu w/ jQuery & CSS August 20th, 2009
by Zeeshan

Step1. HTML First create an unordered list for your base top navigation.Then simply nest another unordered list for your sub navigation.