15 Javascript Plugins and Tutorials for Adding Ratings

Javascript Ratings Plugins

ColorRating Plugin

ColorRating Plugin »
ColorRating is a small (only 5kbs of CSS/JS/PHP) Ajax and PHP 5-Star Rating Script that requires no database setup or administration as it comes with it’s own SQLite database, making deployment as easy as unzipping the files. It degrades gracefully for users without JavaScript.
Demo »

jQuery Rater Plugin for Star Ratings

jQuery Rater Plugin »
The original jQuery Rater Plugins usage nah been based on a fully degradable form submission model which means you must use markup containing an option list. Unfortunately, this means it became quite complex to support a rating model that fires off an ajax request to submit a new rating.
The developer wrote the new jQuery Rater Plugin for Star Ratings that should reduce the complexity of implementing an ajax rating scenario on the client side. The server side is easier as well since the markup doesn't change after a user has already rated. This plugin can also support multiple raters per page.
Demo »

jQuery Star Rating Plugin

jQuery Star Rating Plugin »
The Star Rating widget is a plugin for the jQuery that creates a non-obstrusive star rating control by turning a collection of radio boxes/select options into a sleek star-rating control.
It will create the interface based on standard form elements, which means the basic functionality will still be available even if Javascript is disabled making it beautifully downgradable.
Demo »

Starbox – Rating Stars for Prototype

Starbox for Prototype »
Starbox allows you to easily create all kinds of rating boxes using a single PNG image. Witn its huge volume of options and functions, Starbox is quite possibly the most complete Javascript rating system within this article. The library is build on top of the Prototype javascript framework and for some extra effects you can add Scriptaculous as well.
Demo »

Rabid Ratings for MooTools

Rabid Ratings for MooTools »
RabidRatings is an eye-caching ratings system whill allows users to your website to rate virtually anything with simplicity.
Installation is easy – simply tell the PHP script how to connect to your database and include the PHP tag where you want to have a ratable item, and everything else is done for you.
Most AJAX ratings widgets use star and half-star images with mouse over events on each star. RabidRatings uses a reverse alpha-transparent PNG as a background image to achieve infinitely complex precision (ie, 1.23 stars) and robust visual effects

Link for more:
http://speckyboy.com/2010/04/21/15-javascript-and-plugins-and-tutorials-for-adding-ratings/

PHP Interview Questions and Answers

Are you a developer? Need to update your software development knowledge or need to prepare for a job interview? Check out this collection of PHP Interview Questions and Answers...

http://dev.fyicenter.com/Interview-Questions/PHP/

PHP Interview Questions and Answers

• What's PHP
• What Is a Session?
• What is meant by PEAR in php?
• How can we know the number of days between two given dates using PHP?
• How can we repair a MySQL table?
• What is the difference between $message and $$message?

25+ jQuery Plugins that enhance and beautify HTML form elements

Introduction

This article will cover the following elements:

• Form Skinning
• Form Validation
• Masking
• File Uploader
• Checkbox & Radio Button
• Spin Button & Slider
• Auto Complete
• Calendar & Time picker
• Drop Down Menu (Select Element)
• Color Picker
• Textarea

Form Skinning

Frustrated with the form elements inconsistency among different browsers? With these jQuery plugins, you can unified the look and feel of all your form elements.

• 
  jQuery jNice
  
• 
  Styling input file
  
• 
• DEMO:
•  http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements
• http://pixelmatrixdesign.com/uniform/
  

jQuery Tutorials for Designers

How jQuery works?

First you need to download a copy of jQuery and insert it in your html page (preferably within the tag). Then you need to write functions to tell jQuery what to do. The diagram below explains the detail how jQuery work:

 

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.

Note: the version used in this article is jQuery 1.2.3

View jQuery Demos

Download Demo ZIP

Ref.-   http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

Reloaded: Facebook Style Wall Posting and Comments System using jQuery PHP and Ajax.

Facebook style wall posting and commenting system. Try a new reloaded version of demo which is almost similar to facebook style.
My previous facebook style posting system was not so much like original facebook posting style and also there is no commenting system So I created this tutorial again to complete the commenting system and I tried my best to give my dear users a complete posting script with comments system.
check the demo--
http://www.99points.info/2010/07/facebook-style-wallpost-and-comments-system-using-jquery-ajax-and-php-reloaded/

9lessons

syndicated content powered by FeedBurner.
http://feeds2.feedburner.com/9lesson

Facebook like multi Toggle Comment Box with jQuery and PHP.

Implement Facebook like toggle comment box for every updated wall. I had designed a simple example it contains of very simple jQuery and PHP code.
http://www.9lessons.info/2009/05/facebook-like-multi-toggle-comment-box.html

Posts Tagged 'jQuery'

Check out all of the posts tagged with 'jQuery' below. If you still can't find what you are looking for, try ..

http://papermashup.com/category/jquery/

jQuery Ajax delete

Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax. In the download and demo you’ll see a small red cross to the right of each comment. Clicking the cross will remove the comment div with a slide up animation which will remove the div. click the image below to check out the demo.

http://papermashup.com/jquery-ajax-delete/

Free Slideshow Builder

SlideShow Creator is a free slideshow software that helps you easily generate delicious slideshows with gorgeous transition effects, in a few clicks without writing a single line of code.Just drag&drop your photos into Free Slideshow Builder window, press "Publish" and your own web SlideShow with beautiful effects will open in the browser instantly!No flash, javascript, css, html coding, no image editing, just a few clicks to get your web slideshow ready.

http://ajaxslideshow.com/simple-javascript-slideshow-iphone-jquery.html

jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields

hi,

On your site you might have a comment box or contact form fields limited to certain character count. You can use this simple plugin to provide user with that useful information.

http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas

How to show some icons on mouseover beside a link and make the icons clickable?

Hi,

i have many links on my page. When the user moves over one of the Links, i want to show two or three small icons (perhaps fade in) on the right side of the link so the user could click on it. 

http://forum.jquery.com/topic/how-to-show-some-icons-on-mouseover-beside-a-link-and-make-the-icons-clickable

PHP and MYSQL interview questions and Answers

Hits : 8290

http://www.computeruser.com/tutorials/php-and-mysql-interview-questions-and-answerspart1.html