Plugins
Home

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.

1.2.x


(mb)Extruder, slide extra content or a navigation tool in your page

Submitted by pupunzi on October 27, 2009 - 7:26pm

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)

(mb)Menu, a powerful jQuery multilevel tree menu

Submitted by pupunzi on January 7, 2009 - 5:17pm

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,

Date Validation

Submitted by carlosjrcabello on October 13, 2010 - 2:22pm

This plugin make the validation of dates in with this format 'dd/mm/YYYY' easy. You can validate direct across of jQuery selectors.

if( $('#my-date-field').dateValidate() == true)
{
   // make anything
}

Clear-Input

Submitted by aidanfeldman on October 11, 2010 - 11:23pm

Usage

Requires jQuery version Add the class clear-input to any text input element whose value you want cleared when it gains focus. The initial value will be replaced when the input loses focus, and no new text has been entered.

If you prefer to not add classes to your elements, you can alternatively call clearInput() on any jQuery input object.

You can have multiple clear-input fields on a single page, and they will not conflict.

getScriptRetry

Submitted by tfe on October 9, 2010 - 8:19pm

Extended version of jQuery.getScript() that retries failed requests and (bonus!) allows responses to be cached.

No published releases; get it directly from the homepage on GitHub.

Placeholder Support Detection

Submitted by emmerich on October 7, 2010 - 10:28am

Extends jQuery.support to add a placeholder field, which is set to true or false depending on whether the browser supports the placeholder attribute on input tags.

Credit goes to Mark Pilgrim at Dive Into HTML5

Twitter Styled Alert Bar

Submitted by david4ie on October 5, 2010 - 7:07pm

This is an extremely flexible plugin which allows you to have twitter like alerts on your website. The alert bars are customizable and have many options.

jNotify Plug-in

Submitted by DanSwitzer2 on October 4, 2010 - 1:14pm

The jQuery jNotify plug-in is an unobtrusive notification system for web-based applications. Use jNotify to inform users when specific actions have completed on your site–such as when an AJAX operation complete.

The jNotify plug-in is designed to replace code where you may have previously used the JavaScript alert() function to provide feedback to the user. The alert() function has two significant UI issues:

  • It is very obtrusive–users must take action (click "Ok") to remove the message or before you can interact with other elements on the page. While sometimes you want the user to acknowledge an action, often you just want to bring something to their attention without requiring them to take additional action.
  • You can not use rich-text–messages are limited to plain text only. Sometimes you want to provide rich-text features, such as links or images, in your notifications.

Snippet :: jQuery Syntax Highlighter

Submitted by SteamDev on September 24, 2010 - 8:28am

Description

Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

Features

  1. Natively supports 15 popular languages, including HTML, CSS, JavaScript, PHP, and XML
  2. Can be extended to support 24 additional languages
  3. 39 different styles available for highlighting your code

Usage

Using snippet is as simple as:

$("pre.htmlCode").snippet("html",{style:"navy"});

More Info

Please visit http://www.steamdev.com/snippet for more information on using Snippet.

Screenshot: View Here

jQuery configurable context menu

Submitted by danielecr on September 21, 2010 - 2:09pm

This is a configurable context menu, it works in 3 way: right click, hold down, hover.

Callback is executed with parameter e, the menu action event object normalized by jQuery, and el, the element associated with the menu.

Menu is an ul with position absolute, menu element are li with .hover class added on mouse over.