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.

PlugIn


jQuery Youtube plugin

****************************************************************
* jQuery Youtube plugin
****************************************************************
* Very lightweight extention for loading and handling Youtube videos and images in an easy an simple way.
*
* http://github.com/kilhage/jQuery-Plugins/tree/master/youtube/
* By 2010 Emil Kilhage
* @version: 1.0
* @date: 2010-10-11 21:29
* ***************************************************************
Usage examples:
---------------------------------------------------------------
Html:
@param href: youtube id
@param alt: json encoded string with the width and height

<a class="youtube" href="47piCmAB0s4" alt="{'width':'300','height':'240'}"></a>

Javascript:
@param type: The type of element you want to get

  $.fn.youtube(type);

To load the thumbnail:

  $('.youtube').youtube('image');

To load the video:

jlThemeSwitcher - A jQuery UI Or Custom Stylesheet Theme Switching Widget

jlThemeSwitcher is a jQuery theme switcher plugin I designed which allows you to switch between jQuery UI themes or your own custom themes created with jQuery UI Themeroller (http://jqueryui.com/themeroller/).

This widget has many helpful options and it automatically matches the selected theme.

Documentation, demo, and source code for the widget can be found at my website at http://jasonlau.biz/home/jquery/jlthemeswitcher-for-jquery.

Want to contribute to this project?
Send your jQuery UI themes to me to be added to the public themes list or send a request to become a co-developer.

You can also find some of my other jQuery plugins at my website.

Jquery.TekMap

Jquery.TekMap is a plugin thinked for simplify the use of Google Maps v3.

It is focused to be easy to use, for no experts.

You can start a map with $("#map").TekMap({lat:42,lng:3});

In version 0.4 added geolocation options for markers. $("#map").TekMarker({addres:"Girona"}); creates a new marker over Girona.
In version 0.5 Has improved the management of complex icons.

For advanced users : $("#map").data("tekmap"); recovers the googlemap instance.

Sudo Slider

Sudo Slider makes it easy to make any kind of slider, using just this Javascript.
It supports browser bookmarking, back/forward buttons. Multiple sliders pr. page and much much more.
It's fully cross-browser compatible (as much as jQuery itself).

jGD DropDown

jGD DropDown is first plugin for jQuery by Dev4Press. Styling normal select box control is almost impossible, and whatever you do with it, each browser will display it differently. In many cases where you need this control to blend in with the rest of the controls, the only way to do it is to replace it.

This plugin will replace select control with combination of DD/DT/UL/LI controls that can easily be styled to look the way you need it, and in the same time your select control will remain connected to this new dropdown, and when you change value in the dropdown, it will be changed in select box also.

DropDown supports different options, but it’s meant to be used with normal select box, so the multiple attribute in select box will be ignored. Only one value can be selected. Check out demos and usage page to see how to add it to your website and how to set it up.

goMap - google maps jQuery plugn

$.goMap() is jQuery plugin useing Google Maps v3.
Very simple use: $("#map").goMap();

Current version 1.1.0
Added full manipulate markers and InfoWindow.
Added show / hide markers.
Added create listener to map / marker / InfoWindow.

jQuery fadein fadeout Slider

Simple content fadeIn, fadeOut slider for jQuery.
Slide your content easily

dnd-file-upload

upload dropped file(s) from the filesystem into the browser via ajax to your server.

this project uses the new drag and drop html5 api OR if not supported, the feature of some browsers (safari, chrome, chromium), to drop files onto the tag.

currently the following browsers work with this plugin and hence a multiple file upload via drag and drop is possible with:

  • Firefox 3.6
  • Safari 4
  • Chrome 5
  • Chromium 4

Match elements via REGEXP

This plugin and core extension allows you to match elements via REGEXP, both via a pseudo-selector and via a method, i.e.

See http://www.mitya.co.uk/scripts/Match-elements-via-REGEXP-jQuery-119 for download, demo and full details.

$('p:regexp(/\\d+/)');

or

$('p').regexp(/\d_/)

Note that, if you use the pseudo technique, you'll need to double escape any characters that need escaping.

scrollSomething

How to use:

$("#myScrollebleItems").scrollSomething();

The options: