Showing posts with label ajax. Show all posts
Showing posts with label ajax. Show all posts

Sunday, July 25, 2010

Best Rating Javascript Plugins and Tutorials

Best javascript Rating Plugins and Tutorials

You may need to add voting, rating or both in your website to make interaction between visitor and your website, below you will find collection of rating and voting plugins using (jQuery, Prototype, MooTools…) to use to enhance you website.

Reddit-style Voting With PHP, MySQL And jQuery

Rating Javascript Plugins and Tutorials

Favorite Rating with jQuery and Ajax.

Rating Javascript Plugins and Tutorials

Star rating using CSS Sprite and Jquery

Rating Javascript Plugins and Tutorials

starbox

Rating Javascript Plugins and Tutorials

GD Star Rating 1.9.1

Rating Javascript Plugins and Tutorials

Unobtrusive AJAX Star Rating Bar

Rating Javascript Plugins and Tutorials

Starry Widget 2

Rating Javascript Plugins and Tutorials

Control.Rating

Rating Javascript Plugins and Tutorials

Rabid Ratings v1.5

Rating Javascript Plugins and Tutorials

Star Ratings jQuery Plugin

Rating Javascript Plugins and Tutorials

jQuery Star Rating Plugin

Rating Javascript Plugins and Tutorials

read more...

Thursday, July 1, 2010

6 jQuery Form Encyription and Password Security Plugins

jCryption

jCryption - jQuery Form Plugin

jCryption is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms.
Normally, when you submit a form, data will be sent in plain text if no SSL is used. But SSL is not supported by every webhost nor it’s easy to install/apply at times. So in this situation the jCryption plugin helps you to encrypt your data with ease.

Password Validation Plugin

This plugin offers a function that rates passwords for factors like mixed upper/lower case, mix of characters (digits, special characters), length and similarity to a username (optional) and gives a custom method for the validation plugin that uses the rating function to display a password strength meter, requiring the field to have a “good” rating.

Visit: Password Validation Plugin

Password Strength – Estimates brute force time

Password Strength – Estimates brute force time - jQuery Form Plugin

Password Strength tries to calculate how many possibilities the hacker needs to try to guess your password. It makes the assumption that it is possible to test 2800 million passwords per second.

Password Strength Meter v2

Password Strength Meter v2 - jQuery Form Plugin

The Password Strength Meter works by presenting a global variable score and at the end of the algorithm the plugin will decide the passwords strength according to the score value.

Masked Input Plugin

Masked Input Plugin - jQuery Form Plugin

The Masked Input Plugin allows a user to easily enter fixed width input fields where you would like them to enter the data in a certain format (dates,phone numbers, etc).

AutoNumeric()

autoNumeric() - jQuery Form Plugin

autoNumeric() is a flexible International numeric formatter, that will automatically place a thousand separator as you type and supports nine different rounding methods.

read more...

Wednesday, June 9, 2010

10 Important jquery and ajax file upload plug-in

According to Wikipedia :

File Uploading, is the sending of data from a local system to a remote system,such as a server, or peer, with the intent that the remote system should save a copy of whatever is being transferred.

Today we listed 10 Incredibly Useful Collection of file upload plug-in for jQuery etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

  1. uploadify - A file upload plugin for jQuery

    uploadify-logo

    Uploadify is a jQuery plug-in that allows the easy integration of a multiple (or single) file uploads on your website. To use Uploadify on your web server It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that evencoding novices can do it.  Uploadify is free to used in a number of applications and commercial products and  it released under the GPL and MIT licenses.

  2. FancyUpload

    thumb

    FancyUpload is powerful and elegant Ajax uploader . FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

  3. jqUploader

    jqUploader

    jqUploader is a jquery plugin that substitutes html file input fields with a flash-basedfile upload widget, allowing to display a progress bar and percentage. so you don't have to do things twice . it is easily Customize directly from the html code of your form . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.

  4. Multiple File Upload - JQuery

    Multiple-File-Upload---JQue

    The Multiple File Upload Plug-in is a non-obstrusive plug-in for the jQuery JavaScript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form.

  5. Mootool based Multiple file uploader

    Multiple-file-upload

    The MooTools based Multiple file uploader  is a light weighted  powerful and elegant uploader. (it weighs in at just 2.5K). some simple CSS, an example HTML file and a readme (which is basically identical to the extended comments at the top of the source code).

  6. AjaxFileUpload

    AjaxFileUpload

    This Ajax File Upload Plug-in is a hacked version of Ajaxupload plug-in created by yvind Saltvik, which is really good enough for normal use. Its idea is to create a iframe and submit the specified form to it for further processing. It simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.

  7. Create An Ajax Style File Upload

    Ajax-Style-File-Upload

    With this trick I will show you how to create Ajax like version of the file upload. The trick is very simple, I will use an Iframe to upload the file so the whole page does not get refreshed and when the post is in progress it will show a dummy progress.

  8. Multiple File Uploads Using AJAX

    Multiple-File-Uploads-Using

    With traditional methods of file uploading, your visitors have to stare at the form they just submitted - or a blank page, while the data uploads. With this AJAX file uploadscript, your visitors do not have to wonder if the page is working or not.
    They will know as the progress bars update themselves as the file uploads. There can potentially be an unlimited number of uploads - the only real limit is the visitor's upload speed. Maximum file size for this demo is around 500KB. The only maximum size is limited only by connection and maximum script running length.
    The upload fields above employ AJAX to give a real time update of the progress of files as they are uploading.Currently, LightLoader Track Multiple File Uploads Using AJAX With Progress Bar support for PHP only.

  9. File upload progress bars with PHP

    File upload progress bars with PHP

    File upload progress bars using file upload hooks in PHP 5.2.x to generate a progress bar while uploading a file through a HTML form.

  10. Styling inputs with css and dom

    custom-file-input

    File inputs (<input type="file" />) are the bane of beautiful form design. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. The Styling inputs is tested on IE 5.5+ , Firefox 1.5+ , Safari 2+ .

read more...

Wednesday, May 12, 2010

Five New jQuery n Ajax Plugins Picks

yestutor  updates its users about new jQuery and Ajax happenings around the web.This post is also the chain of the past posting.Hope users like it.

Slick and Accessible Slideshow Using jQuery:

Media-Player-Classic-6.4.-8.9_2

SixRevisions presented you a cool easily accessible jQuery plugin for creating a usable and web accessible slideshow widget using HTML, CSS, and jQuery JavaScript. [Live Demo]

jQuery Image Rotator with Description:

Query-Image-Rotator-with-Description

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. [Live Demo]

APE – Ajax Push Engine

APE-Ajax-Push-Engine

Ajax Push Engine (APE) is an OpenSource technology allowing to exchange data between thousands of users through a web browser, without reloading and without external plugins. It is designed to push real-time data in a lightweight, highly scalable and modular way, only using Javascript for the client side. With the use of those Web Stardards, APE is fully crossbrowser and uses all the latest browser features and provides backward compatibility for older ones. [Live Demo]

jQuery Polaroid Photo Viewer:

jQuery-Polaroid-Photo-Viewer

Polaroid Photo Viewer with CSS3 and jQuery allows you to drag and rotate the polaroid images around. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random). [Live Demo]

jQuery Tabbed Content Rotator:

This Tabbed content rotator was used jQuery and its interface library jQuery UIJavaScript. When your mouse move over to the tab and it will change the content accordingly. This effect is good at to present your portfolios on your homepage to customers with your products and services. [Live Demo]

read more...