GiveUpAlready.com - Javascript

Menu
Lifestyle

Entertainment

Debates

Tutorials

Photoshop

Javascript

Webcomics
Top Authors

Username Articles Kudos

Gary Upton-Abbott 1,477

Shards 1,377

Sr Gregor 69

ChaosLight 22

I Am 14

TheEvilGenius 9

eth 7

RazoR_ 6

LT3 6

Sailor Moon 6

Javascript
jQuery: Star rating form element

by
Gary Upton-Abbott

View Profile

View Forum Posts

Private Message

View Blog Entries

View Articles

Published on 14th December 2011 06:00 PM

I recently had the need to create a new form element to allow users the ability to select a rating out of 5 for various categories as part of a standard form. There are various ways in which this could be done - radio boxes, select box or a simple text input but my client was fairly set on having a star rating widget. Having looked around on the internet for something to use for this, all I could find was star rating widgets designed to act on their own and not as part of a form. Additionally, none of the solutions would work if javascript was disabled, this left me needing to create on of my own, which I thought I'd share.

...

Read More
jQuery: Autocomplete Tutorial

by
Gary Upton-Abbott

View Profile

View Forum Posts

Private Message

View Blog Entries

View Articles

Published on 2nd November 2010 06:00 AM

Over the last few articles about jQuery, we've shown you how to write plug-ins to encourage reusable code. Sometimes, before writing a plug-in your first step should really be to see if someone else has done it for you.

The jQuery community has a vast array of plug-ins freely available for use – you can see them at the jQuery plug-ins site. There are also existing UI widgets available from the jQuery-UI project.

In this tutorial, we're going to take a jQuery-UI widget and show you how to implement it – the autocomplete widget.

...

Read More 2 Comments
jQuery: Ajax Form Tutorial

by
Gary Upton-Abbott

View Profile

View Forum Posts

Private Message

View Blog Entries

View Articles

Published on 26th October 2010 05:00 AM

In our last article, we learned how to create dependent selects. While this is a helpful bit of code, it's not something you'll use frequently.

This week, we'll attack something more useful – a plug-in to submit a regular form via AJAX.
...

Read More
jQuery: Dependant Selects Tutorial

by
Gary Upton-Abbott

View Profile

View Forum Posts

Private Message

View Blog Entries

View Articles

Published on 19th October 2010 05:00 AM

In the preivious article, we learned how to create a plug-in. In this article we're going to use that pattern to create a dependent selects plug-in.

A dependent select is when a form select box's options depend on the values of a previous form select box. Two examples of this would be a USA State selector, which then filled the next box with cities from that state. Another example would be a car make selector (ie. Ford) which then displayed models (ie. Taurus, Bronco, F-150).
...

Read More
jQuery: Creating a Plugin

by
Gary Upton-Abbott

View Profile

View Forum Posts

Private Message

View Blog Entries

View Articles

Published on 12th October 2010 05:00 AM

In the last article, we learned about the difference between live() and bind() - and when to use them. In this article we're going to put bind() to use and create our first jQuery plug-in.

If you use jQuery, you've heard of its plug-ins - easily reusable bits of code that you can call on selectors like any other jQuery method. What you may not realize is how easy it is to write your own plug-ins, making code reuse in your projects easier then ever.
...

Read More
jQuery: Event Binding Tutorial

by
Gary Upton-Abbott

View Profile

View Forum Posts

Private Message

View Blog Entries

View Articles

Published on 5th October 2010 05:00 AM

jQuery is a powerful library that makes difficult things easy; sometimes that ease of use comes with a learning curve. Event handling is one of those curves.
...

Read More 1 Comment

Menu

Top Authors

Javascript

jQuery: Star rating form element

jQuery: Autocomplete Tutorial

jQuery: Ajax Form Tutorial

jQuery: Dependant Selects Tutorial

jQuery: Creating a Plugin

jQuery: Event Binding Tutorial