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 20 weeks ago

Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

Features

  • Very light-weight plugin, fast and simple.
  • Can collapse any element within an document.
  • Can add seperate classes for expanding and collapsing.
  • Customized targeting elements.
  • Callback functions.
  • Predetection of collapsed elements.
  • Can create accordion, list collapsers etc by adding a single additional line.
  • Cross browser supported.
< < < < < < <
2 years 30 weeks ago

This jQuery class will read RSS feeds on a website through the use of AJAX and feed the data into a template as defined by the developer. Simple create a template object and define the "item" level of the RSS feed once within the object using variables for the different feed items. This plugin will then read the feed and duplicate the template object however many times specified- creating a simple feed reader. VERY easy to implement. http://www.ooeygui.net

< < < <
1 year 49 weeks ago

This plugin is capable of extracting metadata from custom HTML5 "data-" attributes.

About HTML5 Custom Data Attributes

A custom data attribute is an attribute in no namespace whose name starts with the string "data-". Custom data attributes are intended to store custom data private to the page or application, for which there are no more appropriate attributes or elements.

Read more in the official HTML5 spec overview.

Examples

For example, you can do:

<a id="my" data-method="delete" data-remote="true" href="/path">
  Unobtrusive delete link
</a>

And later access the dataset object via jQuery:

< < <
2 years 8 weeks ago

jquery.mb.flipText is a simple plug-in to turn your text vertically in both direction: top-bottom or bottom-top.Wasn't that something you would have done on your HTML pages?

< < < <
1 year 41 weeks ago

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

Tested and works with jQuery version 1.4.2

< < < < < < < <
3 years 16 weeks ago

An absolutizer for block level DOM elements.
It don't modify the DOM document
Require dimensions.

< <
3 years 20 weeks ago

This is a port of the prototype Element.absolutize() function. The logic is identical.

<
3 years 49 weeks ago

What is this ?

  • This plugin aims to be a collection of snippets that improve accessibility for websites.
  • It also includes a set of "recommendations" coded as tests to improve accessibilty (even beyond javascript).
  • These recommendations can be tested against a page, and get a summary of the results.

How to use it ?

  • First add a call to jquery.js (duh!).
  • Add jquery.accessible.js. This contains the engine for rules/fixes and a set of predefined ones.
  • Right after this, you are ready to run the fixes by calling jQuery.accessible(). You can pass in a hash to specify, with the id and true or false, which ones to run.
    IMPORTANT: don't call this function inside document.ready, call it right away instead.

If you want to run the tests in your page:

  • Add jquery.accessible.validator.js after jquery.accessible.js.
< < < < < < <
3 years 29 weeks ago

This script enhances the default "title" attribute of HTML so certain tooltips can instead get their contents from an external file, with rich HTML content and all. Integration is easy and non obtrusive, and for the sake of efficiency, the script will only use Ajax to load the tooltip's content the very first time the user rolls over the attached element.

< < <
2 years 9 weeks ago

Hi Dear,
Mohammad Ebrahim Amini Faravaghi
Thank You For Visit.
--Best Regards

< < < < < < < < < < < < < < < < < < < < <
3 years 24 weeks ago

Adds two additional filter types to jQuery:
$().descendantOf(DOMElement);
$().ancestorOf(DOMElement);

This plugin was created because there is no default method for determining DOMElement containment after initial selection. It was discussed on the jQuery Development group and the following people contributed comments and code that all informed the final result: Michael Geary, Diego Perini, John-David Dalton, John Resig, and Nathan Hammond.

Also, if you're feeling bold, there is included a bit of code to allow for a context to be specified when searching for a DOMElement.

< <
2 years 14 weeks ago

AP Text Counter is designed to be an easy-to-use jQuery component to implement a text counter to display the number of characters left (or typed) while limiting entry at the same time. Typical to common jQuery components this one works by selecting some DOM element or series of DOM elements, calling "apTextCounter", and applying some parameters.

< <
2 years 10 weeks ago

The native jQuery append() and appendTo() functions return the originally selected element(s), not the ones you've just created. This plugin mitigates this fact by utilizing a runtime wrapper object to hold the objects. It then appends the newly created objects back to the originally selected element(s), and returns an array representing each. It is designed to both work with singular and multiple objects, and removes the wrapper object from the DOM when done so has little affect on the DOM tree.

<
4 years 25 weeks ago

This plugin allows for easier and more intuitive creation of dom elements.

<
4 years 31 weeks ago

Description

This (very) small plugins is the incestuous child of "append" and "text": it appends a new Text Node.

This is especially important when you want to append user-supplied input, because a Text Node is never interpreted as HTML.

Example

var $myLabel = $("<label/>")
    .append("<input type='checkbox'/>")
    .appendText("use HTML <a href=''>");

Will add to the DOM the equivalent of the following HTML:

<label><input type='checkbox'/>use HTML &lt;a href=''&gt;</label>
<
3 years 5 weeks ago

The jQuery Argonaut plugin serves two complimentary functions: (1) it allows you to extract text() and val() values from the DOM to include as ajax parameters, and (2) it processes the return value from the ajax call to make DOM updates. Argonaut can be used to perform either of these functions independently, but the real thrill comes from combining them to create robust and interactive web applications.

Argonaut is a wrapper around the jQuery $.ajax() function, and can be triggered by some arbitrary DOM event. That's normal jQuery stuff. When triggered, the DOM elements you specify (examples coming up) are collected as Ajax named parameters and sent along in the $.ajax() data parameter.

< < <
3 years 4 weeks ago

Here's the up to date code and documentation: http://github.com/ncr/at_intervals/

I will not update this page, the up to date version is here:

http://github.com/ncr/at_intervals/raw/master/jquery.at_intervals.js

<
1 year 50 weeks ago

Custom selector ":attrNameBegins(prefix)" filters elements that have an attribute whose name begins with prefix. For example, this can be used to select HTML 5 custom attributes, which take the form data-something="value", by specifying ":attrNameBegins(data-)".

Another plug-in, defineDatasets, to be submitted soon, will define datasets associated with HTML 5 custom attributes, per the HTML 5 Draft Specification. Used in conjunction with that plug-in, this selector can be used to "namespace" custom attributes. For example, if you have custom attributes for forms and CSS, you could namespace them as data-formSomething and data-cssSomething. This selector allows filtering on those namespaced attributes by specifying ":attrNameBegins(data-form)" or ":attrNameBegins(data-css)".

< < <
2 years 19 weeks ago

Use this jquery plugins for making any single element (image, text, or any html elements) ratain a fixed location in a webpage inspite of scrolling of mouse wheel....

Usage: $("#id_of_element").scrollwithpage(200);
200 is the value of element position in pixel from top.

< <
2 years 2 weeks ago

This plugin automatically creates an anchors navigation for certain elements (for example H2) inside a container element (div, body whatever ...). It automatically generates the anchors and can even make them numbered. And the whole thing is of course fully styleable through CSS.

You can put more than one anchor navigation on the same page, just make sure that if you invoke them a second time with different options, that the link titles should be different or it can result in two anchors named the same.

Demos and instructions can be found on the plugin page: http://fredibach.ch/jquery-plugins/autoanchors.php

< < < <
2 years 45 weeks ago

A jQuery plugin for adding simple auto-fill functionality to your form fields. It clears the default value on click and replaces it if the field is left empty on blur. Allows customizable default value and font colors.

< < < <
1 year 50 weeks ago

jQuery extension that auto generates the table of contents. Properly handles ul/ol indentation to indicate heading level.

http://www.robusthaven.com/articles/Automatically+generate+the+table+of+...

< < < < <
1 year 20 weeks ago

Now included in my AWS-XMS project, which is an online visual web development (Javascript, PHP, XML , HTML) enviroment and XML based CMS, built around aws xml editor. Check it out and maybe you'll like it!!!

Based on jQuery 1.3.2 and jQuery UI 1.7.2 (works with jQuery 1.4.2 and jQuery UI 1.8.rc3, but not fully tested), this software helps you create / modify the content of xml files in a simple / intuitive way. This Software is intended to be a tool for editing xml files as standalone storage or datasource for configs. This software cannot handle html files

If you like my work, and find this tool useful, please rate this up!!!

New version released: 0.5

* Now you can use any xml file without worry. This version has complete xml support.

ChangeLog

< < < < <
2 years 13 weeks ago

This plugin adds a opacity background to any object that has width/height specified without giving the inner elements an opacity. This plugin doesn't use any CSS hacks or the PNG hack. It uses the native jQuery opacity function, DOM strict attribute names and jQuery's CSS setters/getters to allow cross browser compatibility. Technically it adds a div element automatically within the parent and sets itself as background.

Simply:

$('.backopacity').backOpacity();

With settings:

$('.backopacity').backOpacity({
background: '#ffffff',
opacity: '0.1'
});

Currently does not work for IE6! Works on IE7+, Opera 9+, Firefox 3+ as i tested.

< < < < < <
1 year 20 weeks ago

Barcode

Barcode is a plugin which allow to create barcode image in CSS, BMP, SVG and CANVAS (html 5) and is compatible with most used browsers (IE:only CSS, Firefox, Safari, Opera, Chrome...).

It can create barcode in :
- datamatrix
- EAN 8
- EAN 13
- standard 2 of 5 (industrial)
- interleaved 2 of 5
- code 11
- code 39
- code 93
- code 128
- codabar
- MSI

Options availables :
- add / remove crc (depending on barcode type)
- width, height, color, font size
- add / remove HRI (human readable interpretation)
- output : bmp, svg, css, canvas

Example :

$("#bcTarget1").barcode("1234567890128", "ean13");
$("#bcTarget2").barcode("123456", "code128",{"barWidth":2, "barHeight":30, "output":"svg"});

<
3 years 7 weeks ago

simple module to set line direction (dir attribute) based on element textual content (checks for the first strongly directional letter).

< <
2 years 22 weeks ago

Add and delete form fields with buttons add and delete
usage:

    <script src="./js/jquery-1.3.2.min.js"></script>
    <script src="./js/jquery.tmpl.js"></script>
    <script src="./js/jquery.blockmanager.js"></script>
<script language="JavaScript">
$(document).ready(function() {

    $blockEdu = $('#tableBottomRowEdu').blockmanager({
        names: {
            name: "text",
            specialnost: "select"
        },
        fieldsName: "user[edu]",
        templateItem: "#templateItemEdu",
        templatePrefix: "eduTr",
        itemId: "user_id",
        buttonAddId: "eduAdd"
    });

    // add empty fields
    $blockEdu.addItem("", {});

    // add block with values
    $blockEdu.addItem('2', {
        name: "Jhon Connor",
        specialnost: "2"
    });
});
</script>

< < < <
2 years 5 weeks ago

It can be used to give the browser an “hint” on when (and eventually how) break some long texts that are wrapped in a container with an explicitely defined width. The purpose is twofold: it can make very long, non-breakable lines wrap automagically (URLs in fixed width container, for example) and/or it adds a more elegant space/non-space text ratio inside little boxes.
The plugin works adding a “special” unicode character after the given number of characters. By default U+200B (the zero width space) is used, but you can specify any other character as the second parameter. Only TEXT nodes are edited (the actual HTML tags and attributes remain untouched).

<
2 years 38 weeks ago

This plugin requires jQuery +1.3.

This plugin silently adds the possibility to bind handlers to be called when certain jquery methods are called.

Suppose you want to do something each time an attribute changes on an element ($.fn.attr). You might even want to prevent that attribute from being set. All this can be done with this plugin.

The plugin, while usable, is still in development stage. Any feedback is appreciated.

< < < <
2 years 46 weeks ago

Broken Image is able to detect and replace images that are either broken or are taking a long time to load. If no replacement image is specified then the CSS visibility is set to hidden.

<