WiseJS - a wise tool for web developers

The components of WiseJS allow to embed any javascripts components in ASP.NET, including jQuery Plugins, jQuery UI, and more, includes powerful assistants to access different database, creation of events/actions on the server side and/or client side. Allows the simultaneous use of C # or VB and javascript.
Note: When viewing the full demo for the first time, be patient because the demo needs to load a set of full libraries; jQuery, jQuery UI, ExtJS, Dojo, DHTMLX ...

WiseJS´s components have two main goals:

A - The first scenario envisages the use of any component javascript. Allows it to be integrated into ASP.NET, using components from WiseJS specially created for this purpose.
These components contain a powerful assitant, which facilitates the integration, such as easy access to various databases, creation of events/actions to be processed on the server side, ...

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:

And later access the dataset object via jQuery:

jQuery Diff objects Plugin

$.diff(obj1, obj2) returns an object containing the differences between two objects.

The result object looks like this : {mod: ..., add: ..., del: ...} reflecting the modified, added and deleted properties into the copy of the original data.

Copyright 2010, Marc Rutkowski / Attractive Media
Dual licensed under the MIT or GPL Version 2 licenses.

Based upon the code of Michael Schøler

I needed a quick and dirty way to find a particular key's value in a JSON blob of relatively arbitrary structure. So I made the following jQuery 1.4.2 plugin, inJSON, along the same lines as $.inArray and $.grep

Example of usage:

The $.store plugin (basically) is a rewrite of the $.jStorage plugin. In contrast to $.jStorage it allows the implementor to add specialized serializers and storage drivers. It can also be initialized to store data in localStorage and window.name via the same API. Additionally $.store does not cache the contents read from localStorage (which was the main reason for the rewrite).

The talk function is a micro-utility, class method, built for plugin developers, to allow plugins to talk to each other on "channels". By talking to a channel, and identifying the plugin, and key (instance of the plugin), settings may be changed on the fly, by any other plugin, a callback, or any piece of code that possesses the key.

The first plugin to use this utility is the Wayfarer Tooltip (wTooltip) http://plugins.jquery.com/project/wayfarer-tooltip .

Talk! actually consists of two functions:

and

Both functions return settings as they are. $.talk changes the settings as they appear on the channel, where they can be read or set by any function that possesses the key. $.listen retrieves the settings in the channel, then returns them.

This plugin allows you to query elements for data that has been added using the $(elem).data() function. This works in a way similar to querying elements for attributes using the [attr] filters. You use it something like this:
$("#someElem:data('bar=foo')");
Just like [attr] it allows for more complex matching such as: != (does not equal), ^= (starts with), $= (ends with), *= (contains).
Since the $(elem).data() function also excepts objects you can query for object properties using:
$("#someElem:data('object.property.something^=bar')");
Read on...

ACCESSdb is a JavaScript library used to dynamically connect to and query locally available Microsoft Access database files within Internet Explorer. All you need is an .mdb file; Access does not even need to be installed! All of the SQL queries available in Access can be executed on the fly, including SELECTs, INSERTs, UPDATEs, and JOINs. Results are output in several customizable formats including JSON, XML, and HTML.

Download Now

address-suggestion is a simple jQuery plugin which suggests the full and accurate address based on the partial address using google maps geo code api
homepage: http://github.com/zhengjia/address-suggestion

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

This plugin requires jQuery +1.3. that includes 1.3 beta releases (already out)

This tiny plugin provides a registry for different filter functions to sanitize ajax responses.

If you want to provide a new implementation, you need to do something like this:

or

Arguments for jQuery.ajaxFilter.register() are:

1. Name for the filter, used as 'filter' when calling jQuery.ajax.
2. One or more dataTypes to handle. Can be any combination of ajax, html, json and xml separated by spaces.
3. The filter function. Will receive 2 arguments: the data and the type. The 'this' will reference the settings object.

To use it, you do:

jQuery.ajax({

Modo de uso:

Simple:

Permite letras, numeros, y espacios.

Personalizado:

otros:

Si el formulario donde se utiliza esta ordenado con las propiedades 'tabindex' de cada elemento, se le puede pasar como parametro 'enter' en true o false para que al presionar la tecla enter automaticamente pase al siguiente campo.
Asi como tambien la cantidad de campos que existen. Por defecto es 20. Este parametro hace que al llegar al ultimo campo y presionar la tecla enter, se envie el foco al primer campo. No hay problema en poner una cantidad mayor a la que existiere en el formulario. La funcion detectara que ya no existen mas campos y volvera al inicial

aSlidertext

aSlidertext is simple and small plugin that add a slider effect in lists and other types of contents.

Syntax

How to use

In a list like this:

You have to put this:

Attributes

updateTime: "integer" (in miliseconds)
height: "integer"
element: "string" ["li" | "p" | "span" | etc...]

More info

Visit: http://blog.alvaroveliz.cl/

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

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.

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)".

autoBits.js is a simple binary (base 2) bitwise plugin for jQuery.


You can use it to send lots an lots of boolean values in a little package.


You can store 31 values per instance and use in a cookie, through twitter, or in a single integer column in a database.

Easily build your own simple or complex autocomplete systems, or use standalone.

A tokenizing (tagging) autocompleter built with Autokit. Designed to resemble Facebook's own autocompleter.

Code snippets posted online are a great source of knowledge and a simple way to share experience and to reuse code. As developers we always look to see if there is a 'code example' which we can modify to our needs. As bloggers we find code snippets very useful to get our information out to the readers.

AutoSnippet automatically generates the code snippet from the source code (HTML, CSS and JavaScript). No more cumbersome repetitive tasks and no more inconsistencies between example and real code.

Here is how simple it is:

Useful for Bloggers and code sites.

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

After encode by this script, you can decode it with PHP, and vice versa.
Support Unicode library.

This code was collected from the network, I just rewrite it as the plugin of jQuery, the copyright belongs to original work(s).

Usage
Whether or not to use UNICODE library:
$.base64.is_unicode = false/true;
Encode:
$.base64.encode('$.base64');
Decode:
$.base64.decode('JC5iYXNlNjQ=');

Demo
http://hpyer.cn/codes/jquery-plugin-base64-encode-and-decode

Encodes and Decodes the given data in base64.
This encoding is designed to make binary data survive transport through transport layers that are not 8-bit clean, such as mail bodies.
Base64-encoded data takes about 33% more space than the original data.

This javascript code is used to encode / decode data using base64 (this encoding is designed to make binary data survive transport through transport layers that are not 8-bit clean). Script is fully compatible with UTF-8 encoding. You can use base64 encoded data as simple encryption mechanism.
If you plan using UTF-8 encoding in your project don't forget to set the page encoding to UTF-8 (Content-Type meta tag).

Example

This script allows you to, with just one call, rearrange your divs in a binary tree. Lines will even be drawn to link them properly.

Configurable features:

• Horizontal spacing
• Vertical spacing
• Branch color
• Branch stroke
• divs border width
• Orientation (Vertical or Horizontal)

Requires: wz_jsgraphics.js

bit.ly -The intelligent URL shortener- offers realtime statistics about the clicks on shortened links and this button takes advantage of that information. This jQuery button give you a uniform click count button -tall or wide- that people can also use it to retweet your post.

When you use a short link to tweet your post, it may get 100 retweets but in terms of bit.ly stats that could mean 1000 clicks coming from the whole twitter ecosystem which makes another interesting measure of how popular is your post!

View demos & Read intro. post

Bit.ly Button - jQuery Plugin for Your Clicky Post

This is a jQuery tag cloud plugin I created especially for Blogger.com classic templates to enable Blogger fans to display a tag cloud on their FTP published blogs.

You simply pass your blogger.com Feed Filename and FTP path, found in your Blogger.com publish settings page and the plugin will create your tag cloud for you.

It creates a series of hyperlinks within the element you select (typically a container DIV), each hyperlink contains a SPAN tag with inline style to size the tag name text relevant to its popularity.

Can be easily styled with CSS and other jQuery commands can be chained on.

A simple plug-in allowing you to test whether a sURL has been visited by the user.

Small flexible calendar (widgetlike). You can assign custom callback, date format, link format and other things.

An image preloader written in javascript/jquery. This preload all images on your target element including backgrounds.

How to :
$(document).cdzPreloadImages(initCallback,progressCallback,completeCallback);

This jQuery Plugin allows you to add edit in place functionality to you web site but unlike most edit-in place plugins CKeip uses ckeditor.
Demo

How it works ?

When ckeip is called it creates a hidden CKeditor instance on the page, when the div you wish to make editable is double clicked the div will transform into a CKeditor instance.

For usage see documentation.