jQuery Twitter API aims to give to Web developers the ability to request Twitter public informations from a simple JavaScript function call.

This plug-in to makes elements equal height by adjusting their min-height (or height in IE6 case) properties.

Example:
$('div.cols').equalHeight();

Supersized is a jQuery plugin that automatically sizes (background) images to the size of the browser and runs them as a slideshow. It is lightweight and plays nice with all browsers.

Filters out all elements that had the same filter applied on them before. It can be used to ensure that a function is only applied once to an element.

Usage:

it also works without supplying a name:

While jQuery simplifies AJAX (or more accurately AHAH) via the .load method - the EZJax plugin simplifies upon that by allowing association of a class with a standard link to create a dynamic content loader that is not only simple to setup and build upon, but also SEO-Friendly as it leaves the HREF intact allowing the dynamic content to be crawled and indexed.

EZJax also allows for slide/fade effects when loading the data (with/without easing).

The following code would dynamically load the document "somepage.hml" into the designated region, yet still be crawlable by search engines

<a class="ezjax" href="somepage.html">Link</a>

The script is only ~2K, and has been tested and runs on IE6+, FireFox, Safari, and Opera

Highlights columns in a table when the mouse is hovering over them.

xModify is an XML syntax that can be used to update HTML elements declaratively. This means that developers can utilize server-side frameworks to create xModify documents that an xModify Processor will use to update the HTML document.

Why is this Helpful?

Because, instead of having to create JavaScript to update the UI for a particular dataset, the developer
can use server-side functionality such as PHP, J2EE, Ruby, or XSLT to create XML documents that can to the same thing. This
typically will save code, time and increase the maintainablity of the application.


The second reason xModify is helpful is that it puts the know-how into a well defined XML layer, instead of either a
client-side or server-side library. XML can be outputted from any server-side or processed client-side layer, making it more likely that knowledge of
xModify can be leveraged across projects.

Operations

xModify contains a set of operation that a developer would need to perform when manipulating a XML or HTML DOM.

Each of the operations contains a select attribute that is used to select a set
of operations.

• append

  Append the children of the operation to the selected nodes

• clone

  Create a clone of the selected nodes.

• insert-after

  Insert the children of the operation after the selected nodes

• insert-at

  Insert the children of the operation at a specific index of the selected nodes

• insert-before

  Insert the children of the operation before the selected nodes

• remove-attribute

  Remove an attribute from the selected nodes

• remove-element

  Remove the selected nodes.

• replace

  Replace the selected nodes with the children of the operation.

• replace-children

  Replace the children of selected nodes with the children of the operation.

• set-attribute

  Change an attribute of the selected nodes.

• set-innerhtml

  Change the HTML of the selected nodes to be the children of the operation.

• embed-xal

  Embed XAL components of the operation into the selected nodes.

This plugin give you the opportunity of using the fade in/fade out giving the effect of an heart beat. In fact it looks a little bit like the apple on mac that is flashing when you close the cover.

To see it working, I strongly suggest you to go on the demo site.

Yet Another method of turning an list (ordered or unordered) into multiple columns.

So I needed a method to take a long, nested list and turning it into a compact, multiple acolumn list, in order to display it as sort of a site map for the home page for a site I'm working on.

Scanning the plugins site, I found a possible solution from a feller called Ingo Schommer called columnizeList.

Score, right? Well... not exactly, at least for my case.

Ingo used some of the methodoligies outlined in this article on multi-column lists on A List Apart. One of the caveats of his methodology is that each list item has to be the same height. This works Ok for a lot of use cases, but since I'm using a Drupal menu as the source for the list, it could contain arbitrary text I don't control.

So, I started from scratch. Instead of relying on consistent line heights, and applying different margin settings to list elements, I instead decided to decompose the large source list into several smaller lists (one for each column) and then use a css float parameter to make them all appear side-by-side.

See my site for more details, instructions and demo.

This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages. Rather than limit the amount of elements shown on the sever side, we decided to go with a client side solution for usability and SEO reasons. It also turned out nice to look at and fun to play with.

It is smart in the sense that it collapses based upon the amount and length of the elements in the set. The breadcrumb uses a semitransparent .png overlay to achieve the gradient effect seen on the elements. Visually, it helps to show a "peek" at what is underneath.

Oh, and it's compatible with ie 6, ie 7 and all standards compliant browsers.

To use the plugin, it's as simple as the code below.

The only additional jQuery plugin required is the easing plugin
written by GSGD. The plugin uses Robert Penner's wonderful easing equations that anyone from a flash background is familiar with, I love 'easeOutQuad', it makes things so smooooth.

If you don't want to use the plugin, set the options to use the normal "swing" (esentially "easeInOut") or "linear" easing provided by jQuery. The easing equations will no longer be necessary.

Or, set it globally

There are a lot of options in there, you can adjust many of the features pretty easily through the options. Have fun with it.

Written by Jason Roy for CompareNetworks Inc.

Copyright (c) 2008 CompareNetworks Inc.

This is a JSON-RPC client made to work with the Zend Framework JSON-RPC server. The zip file contains a sample Zend Framework server to use with the JSON-RPC client.


It works with Zend Framework's introspection, creating a Javascript object that has all the server methods ready to call. For example:

Note that this was made for a project that ended up not using it, and as such it hasn't been hugely tested. However, if there are any problems with it, let me know and I am happy to improve upon it!

validity is a flexible, platform-agnostic clientside validation framework implemented as a jQuery plugin. Instead of balancing a complex validation tool built into your web-framework to validate on both the client and the server, why not do the clientside validation in a clientside language and the serverside validation in a serverside language? Enter validity, a cross-browser clientside validation tool tailored to the nuances of a webpage's structure.

validity makes use of jQuery's selector engine to perform safe validation on groups of inputs based on CSS selectors rather than on explicit elements. This means that validity is most effective in pages where the inputs which are displayed, and the datatypes those inputs should accept are dynamic. Validation functions are also fairly declarative and English-like, making validation easy to write and debug. Additionally, validity is agnostic of the web-framework being used. It is equally adept in ASP.NET, Rails, PHP and JSP environments.

we always use ajax to submit form data,but we should get each of elements value,that is terrible,if the form have many form elements how we can do?
eg:

dataForAjax

can collect all of form elements to be a string,which you can use like _GET or _POST,it can be use to collect text,password,textarea,hidden,checkbox,radio,select
eg:

if the value cann`t be null(like username,password),you can define it,it use very easy,

showMessage is the ID which you want to show error infomation
message is the array which you define to show error infomation

hope you like !

download dataForAjax http://code.google.com/p/dataforajax/downloads/list

custom select element for jquery,

with custom css styles.

using on page:

$(document).ready(function() {
$('#inthis').jelectbox({selectbox_id:'myjelectbox', width:'201px'});
});

jQuery Addfeed plugin（订阅按钮jQuery插件）：

下载地址：http://code.google.com/p/china-addthis/downloads/list

安装：

解压后，将addfeed_cn文件夹放在网站目录内

调用：

1、在网页中插入

2、执行绑定：$("...").addfeed();

示例：（可自由配置属性，请见下文）
在文档ready时，执行$(".addfeed_cn").addfeed();

详细配置地址：http://addfeed.cn/feedtools/jQuery/

A new and improved special event implementation Brian Cherne's "hoverIntent" plugin (http://plugins.jquery.com/project/hoverIntent).

Juitter is a easy way to put twitter on your website, show tweets from a user, to a user o even search for a specific word.

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.

Want your box to float beside you as you scroll,
but ONLY in a specific constrained area? or only
on it's parents area? - you got it.

* Extremely useful for side-menus
* All in one vertical floating solution

parameters:

• duration - the duration of the animation
• tartOffset - the amount of scroll offset after it the animations kicks in
• offsetY - the offset from the top when the object is animated
• lockBottom - 'true' by default, set to false if you don't want your floating box to stop at parent's bottom

Example:
jQuery('#menu').stickyfloat({duration: 400});

NotesForLightBox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
The current functionalities are:

- Rounded corners light box
- Navigation with buttons
- Real slide show with progress bar

Fix problems with PNG images in IE6 and below, works for both img-elements and css-background-images, see demo.

A small plugin to inject a text into inputs ortextareas as a label.
The text is removed when the element is focused and re-injected onblur if the element is leaved blank.

Here is the code to include in an external js or to paste on the page:

jQuery.fn.smartFocus = function(text) {
$(this).val(text).focus(function(){
if($(this).val() == text){
$(this).val('');
}
}).blur(function(){
if( $(this).val() == '' ){
$(this).val(text);
}
});
};

USAGE EXAMPLE:

var mail = '* E-mail';
$('#mail').smartFocus(mail);

This will inject the text "* E-mail" into the element (an input or a textarea) with id='mail'

Grab

jCountdown

Creates a visual countdown timer of days, hours, minutes and seconds till the provided date. Simple and easy to use.

Samples

Params

date Date
The date to target for the end of the countdown.

message String
The message to display when the countdown timer is reached while the visitor is on the page, or if the timer is expired when it is created.

addZeros Boolean
When displaying the time remaining, this will add zeros to the numbers so at least double digits are displayed each time. (for example: 3 sec would be 03 sec).

delayStart Boolean
If you use delay start, the display will not be updated until the first interval passes.

interval Integer
Determines the time between the update for the onTick event. Defaults to 1000ms (1 second).

onTick Method
Method is called each tick of the interval (which is once per second). If you want to use the existing method to display the remaining time, but still perform an event, simply return true.

onFinish Method
Method is called when the countdown timer has completely finished. If you want to use the existing method to display the finished message, but still perform an event, simply return true.

This new traversal function will select all the adjacent siblings to the current element which match a given filter, stopping when it finds an element which doesn't match.

With jQuery AltSrc you can easly load a different src into IMG HTML TAGS if original src is not reachable.

TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an Autocomplete plugin.

http://devthought.com/projects/jquery/textboxlist/

This plugin build an abstraction layer on top of Google Feeds API. API becomes more jQuery like style. This plugin can get ANY rss on ANY host and converts RSS feeds to JSON (javascript object) to make it easier to use.

Here is an exmaple usage:

jqMultiSelects enables you to deal purely with the presentation of your <select> elements, and then use the plugin to attach common behaviours to them. Current features include:

• Set up double-click transferring of <option>s from one <select> to another
• Enable transferring of multiple options via an external element, e.g. <button>, <input>, <a>, etc.
• Automatic submission of <option> elements with parent form submission
• Callbacks to hook into the process
• Size is 4.4KB or 0.6KB packed

This script parses through linked and imported stylesheets and creates an array of all the image urls they contain. Then it loops through the array of urls and creates an image object for each one so they'll be cached and ready for later use. Using this script means we only have to worry about specifying background images and states in our CSS files, and the script takes care of the rest!

Just link up the script and call:

$.preloadCssImages();

This will default to a root "images" directory for finding images. To specify a different images directory, pass it in via the options :
$.preloadCssImages({ 'imgDir': 'myImagesDirectory' });

script source:

http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssIm...

This jQuery extension will allow you to easily sort a jQuery object by one or more attributes. This was developed to sort JSON data, but can sort any jQuery object with attributes.

sort(attr, sortDesc)

Accepts:
attr

• String. The name of the attribute to sort on. (ex. "Attribute1")
• Array. A list of attributes to sort. (ex. ["Attribute1", "Attribute2",...])

sortDesc (optional)

• String ("asc" or "desc")
• Boolean(true = Descending, false = Ascending)

Example:

sort(attr)

Accepts:
Key/Value Map
Key = "Attribute to Sort";
Value = "Ascending/Descending" (See Above for details)

Example: