Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

Google


gWeather

gWeather is a lightweight jQuery plugin that helps you embed Google weather data into your website. With only 2 KB in size it is very flexible and highly customizable.

JQuery Sharing

Simple plugin to provide a easy way to add links to share your website.

Example of Usage:

http://plugins.jquery.com/project/Sharing

// HTML code:

// Default values: { text: 'Sharing: ',
// links: 'facebook,delicious,googlebookmarks,twitter,orkut,linkedin,digg,yahoo,live',
// image_dir: '/img/sharing/',
// url: '', // default is the current url
// 'image': '', // default is without image. Just some websites support images
// 'title': '', // default is blank. Just some websites support titles
// }
$('#my_div').Sharing();

ADD NEW WEBSITES

// To add new links you can edit the script or just do it before call the function:
// PS: use the WEBSITE keyword to identify where your website will be in the url.
// PS: use the IMAGE keyword to identify the image used to promote your website.

gSearch - Google Web Search

gSearch is a lightweight jQuery plugin that helps you embed Google Search Results into your website. With only 2 KB in size it is very flexible and highly customizable.

This tiny line of code is being used to embed a map. Simple, isn't it?
$("#search-results").gSearch({search_text:'brian griffin'});

Google Street View

** Browser compatibility is an on going issue, this is only guaranteed to work in Firefox 3.2 at the moment, working on rest! **

Unsurprisingly enough getting street view on your google map isn’t any easy task. It has got a lot better recently, with more functions making life easier but nothing to match to complexity or the features of the main google maps site.

What’s Missing

In order to replicate the googles own maps there are certain key features that don’t exist by default, so I’ve had to copy it as close as possible.

The Little Man

The big one, that little man just above the zoom. There simply isn’t an API feature for that. This is why you don’t see any demos that have that man, it’s a Google only interface item.

At a guess, this is a heavily customised GControl with a GMarker mixed in to provide the draggable ability. Not something that can be replicated quickly.

Joogle - automatic web search plugin

Joogle leverages Google, Yahoo, Bing, Twitter and Digg JSON search APIs in order to show search results when the user hovers a selected text element (whose content will be the searched term).

Currently, simple searchers, paginated searches (when available, e.g. with the Google custom searcher) and refreshable searches (when available, e.g. with the Twitter custom searcher) are implemented.

The plugin is in alpha stage, and it *definitely* needs cleanup and refactoring...

Comments and feedbacks are welcome!

Map Reduce plug-in

Implements a map reduce algorithm that executes synchronously or asynchronously in the browse whilst minimising loss in performance. Supports long running operations without script timeout messages.

Add map and reduce functions using the $.map and $.reduce methods and execute the functions using the $.execute method. Nested map and reduce functions are supported.

jQuery Smart Maps

jQuery Smart Map is a jQuery UI plugin that provides a widget that can be used to place your store locations on a Google Map.

The Google geoDececoder, converts your address to geoPoints.
So only what you need is a valid address!

You can use the automatic resize and zoom function for a total view.

// Set de div where to put the map
$('.store').storelocator();

//Add an address
storeloc.add()

gMap

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

This tiny line of code is being used to embed a map. Simple, isn't it?
$("#map").gMap();

jQuery GPS

For people that want to add Google maps to their website, but don't want their website to be bogged down with features they don't need.

Jquery GPS is a lightweight and simple solution to all your Google Map needs.
Add inputs for addresses by simply adding default or custom ID's.
You can use any element to trigger the event! So it doesn't need to be embedded inside a form.

The default ID's make it easy to create an application that will give directions and a highlighted map right on your website!

geekGa Google Analytics Plugin

The geekGa Google Analytics plugin for jQuery removes the need to embed Google's JavaScript code within your HTML content and lets you track Pageviews or Events via AJAX with some simple jQuery extension functions.

Because geekGa uses AJAX to connect to Google Analytics, HTML rendering isn't paused while the Analytics code loads.