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.

Plugins


1 year 34 weeks ago

This is a powerful component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

Dependencies:

none

here is the js call:

$(”.myMenu”).buildMenu(
{
  template:”menuVoices.jsp”,
  additionalData:”",
  menuWidth:200,
  openOnRight:false,
  menuSelector: “.menuContainer”,
  iconPath:”ico/”,
  hasImages:true,
  fadeInTime:200,
  fadeOutTime:100,
  adjustLeft:2,
  adjustTop:10,
  opacity:.95,
  shadow:true,
  closeOnMouseOut:true,
  closeAfter:500,
  minZindex:"auto", // or number
  hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;

});

or you can call it as contextual menu:


$(document).buildContextualMenu(
{
template:”menuVoices.html”,
menuWidth:200,
overflow:2,
menuSelector: “.menuContainer”,
iconPath:”ico/”,
hasImages:false,
fadeInTime:200,
fadeOutTime:100,
adjustLeft:0,
adjustTop:0,

< < <
1 year 34 weeks ago

A good way to have extra content or a navigation tool in your page!

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

demo page:
http://pupunzi.com/#mb.components/mb.extruder/extruder.html

download page:
http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/

Dependencies:

  • jquery.hoverIntent.js
  • jquery.metaData.js
  • jquery.mb.flipText.js (soon available as stand alone)
< < < < < < <
43 min 8 sec ago

Object and array based javascript console and display logging/warn/error/info support.

A replacement for console.log, console.warn, console.error, console.info.
With viewport debug html panel fallback for IE+, and optional switch for ff+chrome.

Docs, Examples & Download @ http://jquery.sa86.com/jq-logger/

< < < <
3 days 13 hours ago

You can add or delete a list of text-box or text-area.

<
4 days 10 hours ago

Anmerkung: Eine deutsche MailCrypt Anleitung ist hier zu finden: jQuery Plugin MailCrypt Effektive Email-Verschlüsselung – Email Schutz vor Spambots

jQuery MailCrypt

MailCrypt is a little jQuery Plugin that helps you to protect email links against spambots. The Script is really small and easy to use.

First you need to include jQuery and Mailcript

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/mailcrypt.js"></script>

Step 2:
This is the new structure of your email links:

<a href="kontakt.html" class="mailcrypt">info<span><span>∂</span></span>webdesign-podcast.de</a>

Last Step:
You need to start MailCrypt:

$(document).ready(function(){
$('a.mailcrypt').mailcrypt();
});

< < <
1 week 41 min ago


Live Demo and Documentation

A free light weight jQuery plugin that allows you to create a custom drop down with images and description.

What is so cool about this plugin!

  • Adds images and description to otherwise boring drop downs.
  • Uses JSON to populate the drop down options.
  • Uses Minimum css and no external stylesheets to download.
  • Supports callback functions on selection.
  • Works as good even without images or description!

Download ddslick.js

<
6 days 19 hours ago

Easily create the most beautiful overlay windows using the jQuery Javascript library.

http://projects.nickstakenburg.com/lightview

< < < < < < <
1 week 10 hours ago

Modern Webdesign-Podcast jQuery Slideshow

This slideshow is a really easy to use content and image slider, you can find a demo and documentation on this little project page:

Modernes Webdesign-Podcast jQuery SlideShow Plugin

< < < <
1 week 11 hours ago

Simple FadeSlideshow by Pascal Bajorat

Simple FadeSlideshow is a very simple and easy to use fade-image slideshow. Its structure is very flexible and you can use it for image and / or content transition.

Simple Fade SlideShow is lightweight and fast: Only ~7kb – minified ~3,8kb

Simple Fade SlideShow is highly customizable with CSS and it can either create the list and buttons automatically or you can create your own individual elements and Simple Fade SlideShow will only bind the relevant functions.

Demo, Documentation and Download

You can find a comprehensive documentation, demos and downloads on my project page at:
jQuery Simple FadeSlideshow

Dokumentation auf deutsch

Simple FadeSlideshow Dokumentation auf deutsch...

< < <
1 week 1 day ago

Tube is a jQuery plugin to access YouTube's player and data APIs transparently. The basic approach is centered around 'tube' objects: a tube is an abstract container filled with videos based on a YouTube playlist, user's feed or a search query; a tube offers the basic control and event handling interfaces you would expect from a playlist (play, pause, next, etc.) and is associated with a player instance. A player is a thin wrapper around YouTube's iFrame or (if window.pushMessage is unavailable) JavaScript player API; thus, the player is intended to work transparently on legacy browsers (IE7) and modern HTML5 capable devices without Flash support.

<
1 week 2 days ago

jQuery.decimalMask plugin

Changelog

version 2.1:

  • now supported in early Ie versions: 8, 7, 6 and 5.5.
  • the mask can be binded to an element the isn't on the DOM tree yet.

version 2.0.1:(I didn't documented)

version 2:

  • Total rewritten, now based on regex replace.

Description

This plugin just provides a decimal mask to a html input. It treats only a decimal separator, it can't handle thousand separators. It can apply the separator in the value given by the backend on web apps. The separator supported are the "," and ".". (I don't believe there is another types).

Compatible browsers:

  • Opera 10+ (Old versions not tested)
  • Chrome 4+
  • Firefox 2+
  • IE 5.5+
  • Safari 4+ (Old versions not tested)

Usage

The usage is simple:

<
1 week 3 days ago

jQuery Splitter is plugin that split your content with movable splitter between them.

Example

$('#foo').split({
    orientation: 'horizontal',
    limit:10
});
<
1 week 4 days ago

Moved to Bitbucket

<
1 week 4 days ago

Simple plugin which creates a response drop-down navigation menu. Easily define breakpoint and use standard media queries to build CSS.

< < < < < <
1 week 5 days ago

This Web Ticker creates a scrolling text effect similar to the Twitter Page.

The Ticker creates a scrolling list (can be links/divs whatever). Direction and speed can both be controlled using parameters passed to the extension. Support is provided for IE7+, Chrome, FireFox and Opera. the ticker also includes a nice fade-in fade-out effect. The linked blog post/example includes all the information to be able to run the ticker itself.

Having released an intial version of my jQuery webTicker and after getting so much success and downloads I have decided to upgrade the ticker and fix some bugs. Please not that there still might be some issues whilst compatibility with IE6 is not guaranteed as it is untested.

Current Version: 1.3
Repository: Github
Requirement: jQuery 1.4.2 / 1.5 or above (note that 1.4.4 is buggy and does not provide good visual performance )
website - http://jonmifsud.com/web-tools/jquery-webticker/

< < < < < <
1 week 6 days ago

This plugin allows connect to a XMPP server and also provides handlers for events (message, presence, iq).
You should have an apache server redirecting the BOSH connections to the XMPP server.

Remember that this plugin is just the library, not a full chat application.

Please check the github project page: https://github.com/maxpowel/jQuery-XMPP-plugin

< <
2 weeks 4 days ago

Hyperlink all email addresses in the selected element, so they open in the users mail client.

Somewhat "smart" — It'll recognize basic 'at' and 'dot' placeholders (see example's on demo page).

<
2 weeks 5 days ago

The plugin takes standard html nested lists and turns them into vertical accordion menus.

Some features include:

  • Ability to handle any number of levels
  • Select either "click" or "hover" event
  • State saving using cookies
  • Set sub-menus to auto-expand on page load based on CSS class
  • Allow all sub-menus to be expanded or auto-close open sub-menus
  • Disable parent links
  • Add count of number of child links
  • Disable specific links using CSS class
< < < <
2 weeks 5 days ago

The jQuery Mega Menu plugin takes any standard HTML nested lists and turns them into horizontal mega menus.

As well as being a little more exciting for the user, a mega menu has several advantages over standard drop down menus, including:

< < < <
2 weeks 6 days ago

BlinkyPoo is a jQuery plugin that lets you place a blinking effect on a desired element. Similar to pulsate in jQueryUI.

<
2 weeks 6 days ago

The lazyKarl jQuery plugin loads a webpage's images once they are within the user's viewport.This is a working cross-browser lazy load jQuery plugin. Other lazy load plugins have been less than effective because some major browsers load all of the images on a page when the DOM loads. jQuery plugins are usually not effective until the Dom is finished loading and only after all the images on the page have already loaded.

The Lazy Karl plugin works around this issue with a less than perfect approach, but none the less a functional one. By leaving the src attribute empty or out of the img tag completely, and placing the path to your image inside the rel attribute, images will never load until they are within the user's viewport at DOM ready and on scroll event. A perfect solution would utilize server side scripts like php, but lazyKarl works great for images.

< < < < < < < <
3 weeks 22 hours ago

Plugin to rotate list items inside an unordered list, plugin will automaticlly hide all but the first list items and then rotate them.

options:

effect

  • slide
  • fade

run_once

  • boolean

random

  • boolean

speed (time between each transition)

  • milliseconds
<
3 weeks 4 days ago

The jQuery contextMenu is a jQuery plugin written by Marius Stanciu - Sergiu, a plugin that makes it easy to add right-click context menu functionality to any web application. A context menu can help make a web application feel even more like a native application.

Supports keyboard control
Always stays in viewport (menus never open outside of the visible area)
Supports infinite amount of sub-menus
Enable disable items or entire menus
Add and remove items and let the menu refresh
Add separators between groups of similar items
Show non-menu items like images or forms
Supports right- or left-click control
Multiple elements can share menus
Menus automatically resize based on menu contents
Build menus with HTML or pass in a JavaScript object
Customizable callbacks for each menu (onLoad, onShow, onHide, and onSelect)

< < < < < < < < <
3 weeks 4 days ago

The jQuery uScrollbar is a plugin that can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls. Among other features uScrollBar can auto adjust scrollbars on window resize and recognize touch events on Android and iOS devices, so it's perfect for responsive sites that have to dynamically adapt to different environments and devices.

< < < < < < < < < <
3 weeks 4 days ago

The jQuery uSlider is a jQuery plugin written by Marius Stanciu - Sergiu, a plugin which allows you to embed beautiful slideshows into your webpages.

< < < < < < < <
3 weeks 4 days ago

The jQuery Wiggle plugin allows you to emulate the wiggle effect icons on an iPhone have when you press and hold down on them.

< < < < < < <
3 weeks 4 days ago

Simple plugin to create XML string basing on JSON object.

var json = {person: {name: 'John', age: 29}, pet: ['Roxy', 'Elmo']};
var output = $.json2xml(json, {formatOutput: true});

...will result in XML markup

<root>
  <person name="John" age="29"/>
  <pet>Roxy</pet>
  <pet>Elmo</pet>
</root>

Plugin is configurable by various options, for example you can nicely format output or exclude/alter generated nodes just to name few.

Playing some with plugin's settings, you can generate perfectly fine XHTML tags directly from JSON object.

< < <
3 weeks 4 days ago

Small plugin allowing bullets in 'ul' or 'ol' elements to be colored specifically, by class or through an array of colors or classes

< <
3 weeks 4 days ago

FlexBox Home Page
CodePlex Project Page

FlexBox is a jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, optionally using ajax to retrieve and bind JSON data.

It can be used as a:

  • ComboBox, with optional per-result html templates
  • Suggest box, like Google's search
  • Data-driven type-ahead input box

It supports:

  • Auto-completion using local (JSON) or remote (JSON via ajax) data
  • Skinning via css
  • Flexible paging
  • Configurable client-side caching
  • Much more...
< < < <
3 weeks 5 days ago

The jQuery Loupe is a jQuery plugin written by Marius Stanciu - Sergiu, a plugin which gives you the ability to add zoom on hover ability for your photos with single line of code. With Loupe you have the ability to control the zoom level and loupe size via mouse scroll which gives you the opportunity to enlarge areas that you might be interested in.

< < < < < < < <