Plugins

jQuery Extensions


Changes how jQuery works. New selectors, advanced methods, old version compatibility.

Autocomplete plugin, based on Ajax and JSON

The main purpose of this plugin is to generate and show autocomplete suggestion when filling-in a form.

This pluginn differs from others becuase it can return as many as you need values and you can excecute callback function finally. This enables yo fill-in many fields when user selects only one option from suggestion list. And it is ultra lightweight and simple.

USAGE EXAMPLE

1. Calling plugin

$('#input_that_user_enter_query').autocompl({}, function(m){
      $('#first_field').val(m['first_val']);
      $('#seconf_field').val(m['second_val']);
      $('#third_field').val(m['third_val']);
       /* and so more... */
});

2. Available options


$('#input_that_user_enter_query').autocompl({
url: '/search.php?q=', /* script to wun query, must return JSON */
lidPref: 'jqacp_', /* html ul li id prefix */
ulClass: 'jqacp', /* html ul class */

Red Apple Menu

This plugin provides to create an apple iphone menu to your websites. you can drag and throw the menu items in vertical position and mouse rolling is allowed. Finaly, you can use the scroll bar to budge the menu items.

HP Pavilion dm3 battery product for ourselves — for gamers

which will be released in the fourth quarter of this year, is the first gaming machine created by Razer, best known for their gaming peripherals like HP NC4200 Battery and keyboards. “We designed a HP Pavilion dm3 battery product for ourselves — for gamers, by gamers,” said Razer CEO Min-Liang Tan at a preview event Friday morning.

jQuery UI Resizable Snap extension

jQuery UI Resizable Snap extension

Extension to the jQuery UI Resizable plugin for snapping while resizing.

Unfortunately, the jQuery UI Resizable plugin does not ship with the snap functionality unlike the jQuery UI Draggable plugin that has this very useful functionality out of the box.

But here comes jQuery UI Resizable Snap extension to the rescue! I wrote this extension for a project of mine and decided to share it with the world. It enhances the jQuery UI Resizable plugin with the same snap functionality that is offered by the jQuery UI Draggable plugin.

jQuery UI Resizable Snap extension exposes three options to the jQuery UI Resizable plugin: snap, snapMode, and snapTolerance. For the information on those three options, please refer to the official jQuery UI Draggable plugin documentation at http://jqueryui.com/demos/draggable/.

jQuery best Image Select

This plugin will be replaced by another from a plugin pack I’m developing, where I’ve applied lots of bugfixes. The link will be on here by the end of August.

ImageSelect is a jQuery plugin that allows the user to select an image by means of a nice looking dropdown.

You must have a containing one or more s. Each option must contain the URL to the image you want to display, as the option text. The option value can be whatever you like.
demo: http://www.htmldrive.net/items/demo/983/Image-Select-plugin-with-jQuery
download: http://www.htmldrive.net/items/show/983/Image-Select-plugin-with-jQuery

best Floating social media plugin

we’re going to show you how to make a fancy floating bar using jQuery and JavaScript, as the one you see when scrolling down on this page. From creating the PHP file to customizing the CSS, we will guide you across the several steps before you can complete this fancy floating bar ready to be implemented on your website and where you can place several elements, including social icons, information and more. Some other good examples of floating bars can be found at Meebo and Wibiya. Remember that among the main uses you can give to this great floating bar we can list:
demo: http://www.htmldrive.net/items/demo/980/Nice-jQuery-and-CSS-Floating-soc...
download: http://www.htmldrive.net/items/show/980/Nice-jQuery-and-CSS-Floating-soc...

like google Drop down menu

we'll show you how to create a jquery dropdown menu with google style, it also can be use as a “fixed” menu.

The most important thing on this menus is the css file , we are going to use jquery just to make appear o disappear the secundary options but all the magic is arround the css.
We are going to imitate the google style, if you check the google code you can see too many divs UL li and span elements, the idea is do the same without the extra elements, so we are going to use a simple ul li list, and everything will be wrapped there.
demo: http://www.htmldrive.net/items/demo/979/simple-google-style-Dropdown-men...
download: http://www.htmldrive.net/items/show/979/simple-google-style-Dropdown-men...

multiple jQuery Common Accordion

Here I come with a new jQuery Accordion component. I know lots of accordions are available on the net. But I could not find the one, I was looking for.
Well... Whatz the difference then? What was I looking for? Not too much of glorification...
Hence, I ended up making one. It’s pretty easy piece of work and also easy to use. I suggest why you all don’t have a look at the following features I imbibed in my accordion. Explore now!
demo: http://www.htmldrive.net/items/demo/978/Horizontal-Vertical-Common-Accor...
download: http://www.htmldrive.net/items/show/978/Horizontal-Vertical-Common-Accor...

Like Yahoo Weather Feed with jQuery Plugin

This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.
Features

Define one or more locations.
Choose to include background image indicating condition.
Displays day or night images.
Returns city, current temperature and condition description.
Choose to include high/low temperatures and wind speed.
Creates a link to read full forecast as Yahoo!.
Produces all HTML code and style classes.
demo: http://www.htmldrive.net/items/demo/977/Good-jQuery-Yahoo-Weather-Feed-P...
download: http://www.htmldrive.net/items/show/977/Good-jQuery-Yahoo-Weather-Feed-P...

jGetTwitter, Get tweets from twitter

jGetTwitter is a jQuery plugin which gets latest tweets from users' twitter account by providing their twitter username. It displays tweets in six different themes such as green, blue, ocean, golden, grey and pink. To download go to homepage.