Ajax Updates

Posted by education training on Thursday, September 3, 2009

Ajax Updates

jSmile using jQuery Plugin

Posted: 03 Sep 2009 09:30 AM PDT

In a totally unobtrusive way for both (x)html and javascript events/functionality, this plug-in allows you to add, and remove, smiles in an entire document or only in some specified element.
 Javascript |  copy code |? 
1
$(function(){ 
2
    $(document.body).smile(); 
3
});

You can specify only one or more elements too.
 Javascript |  copy code |? 
1
$("div.post, p.comments").smile();

And remove them whenever you want.
 Javascript |  copy code |? 
1
$("div.post, p.comments").smile(false);

The optional argument is true by default and the method return the instance itself.
 Javascript |  copy code |? 
1
$(document.body).smile().find("a").click(/*doStuff*/);

Demo: http://packed.it/JSmile/demo/
Download: http://plugins.jquery.com/files/jSmile.js.txt
Source: http://plugins.jquery.com/project/JSmile
tafbutton blue16 jSmile using jQuery Plugin

Related Listings:

  1. Multi Select Transfer with jQuery I’m sure that at some point or another you’ve encountered...
  2. Metadata : jQuery Plugin This plugin is capable of extracting metadata from classes, random...
  3. jQuery plugin – Tooltip Ajax Script The content of a tooltip is by default the title...

imgAreaSelect with jQuery Plugin

Posted: 03 Sep 2009 08:55 AM PDT

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).

Plugin features:

* Highly configurable
* Customizable with CSS styling
* Handles scaled images
* Keyboard support for moving and resizing the selection
* Supports callback functions
* Provides API functions for easier integration with other application components
* Lightweight — the packed version is less than 8KB

The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.

Quick Usage Instructions

Download the plugin, unzip it, and copy the JavaScript and CSS files to your website/application directory. Load the files in the section of your HTML document.

 HTML |  copy code |? 
1
<head> ... <link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" /> <script type="text/javascript" src="scripts/jquery.min.js"></script> <script type="text/javascript" src="scripts/jquery.imgareaselect.pack.js"></script> ... </head>

Then, to enable selection on an image, wrap it in a jQuery object and call the imgAreaSelect() method:

 Javascript |  copy code |? 
1
<script type="text/javascript"> $(document).ready(function () { $('img#photo').imgAreaSelect({ handles: true, onSelectEnd: someFunction }); }); </script>

Demo: http://odyniec.net/projects/imgareaselect/examples.html
Download: http://odyniec.net/projects/imgareaselect/jquery.imgareaselect-0.9.1.zip
Source: http://odyniec.net/projects/imgareaselect
tafbutton blue16 imgAreaSelect with jQuery Plugin

Related Listings:

  1. jQuery Address – Deep linking plugin This is a jQuery plugin to allow users to select...
  2. PHP & jQuery image upload and crop We needed a PHP and jQuery image upload and crop...
  3. jQuery Plugin: Tokenizing Autocomplete Text Entry This is a jQuery plugin to allow users to select...

jQuery Calculate Plugin

Posted: 03 Sep 2009 08:38 AM PDT

The Calculation plug-in is designed to give easy-to-use jQuery functions for commonly used mathematical functions.

This plug-in will work on all types of HTML elements—which means you can use it to calculate values in < td > elements or in < input > elements. You can even mix and match between element types.

Numbers are parsed from the element using parseNumber() method—which uses a regular expression (/-?\d+(,\d{3})*(\.\d{1,})?/g) to parse out the numeric value. You can change the regular expression that’s used to determine what’s consider a number by changing the default regular expression.

If you’re page is using European-style formatting (i.e. 1.000,00) you’ll need to change the default parsing handlers for European formatting. The calculation plug-in should be powerful enough to address any style formatting your numbers might be in. For US-style formatting, no changes are needed (it assumes numbers are in the format 1,000.00).

Demo: http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm
Download: http://www.pengoworks.com/workshop/jquery/calculation/jquery.calculation.js
http://www.pengoworks.com/workshop/jquery/calculation/jquery.calculation.min.js
Source: http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm
tafbutton blue16 jQuery Calculate Plugin

Related Listings:

  1. jQuery Field Plugin This plugin greatly expands the ability to retrieve and set...
  2. Jquery-Bounce plugin This project allows the user to extend the elements on...
  3. jQuery hover accordion Script This is yet another accordion script, except you don’t have...

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.