homepage Welcome to WebmasterWorld Guest from 54.205.59.78
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Accredited PayPal World Seller

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Javascript rating Slider
how to create a 5 point rating slider for an online survey form
designer123




msg:4313078
 2:03 pm on May 16, 2011 (gmt 0)

5 Rating Slider for online survey form - I need to create a slider like this in JS/JQuery [filamentgroup.com ] for survey rating questionnaire.
please help me with the code for doing the similar thing with the JS/JQuery.
Need to complete this urgently.

One more sample is here - Javascript Sliders - www.pagecolumn.com but it uses the solid colors for sliding and 1-100 rating scale n i have to use the custom image and 5 point rating options not 1 to 100 scale like in first example.

I knw there is a slider plugin also in JQuery but how to customize it for a 5 rating scale just in case used. Pls respond.

.....Vicky............

 

designer123




msg:4313170
 4:26 pm on May 16, 2011 (gmt 0)

Correct link is - [pagecolumn.com...]

coopster




msg:4313178
 4:41 pm on May 16, 2011 (gmt 0)

Simply change the min, max and steps in the jquery ui slider widget:

min: 1,
max: 5,
step: 1,

[jqueryui.com...]

designer123




msg:4313219
 5:54 pm on May 16, 2011 (gmt 0)

This Helps!
But is it customizable? I mean can we use an png/gif arrow image for sliding and some other straight line image as a sliding base to look it visually rich. - Vicky....

coopster




msg:4313421
 1:16 am on May 17, 2011 (gmt 0)

Anything can be customized ;) jQuery UI always has a Theming tab that you can review. I would start there.

designer123




msg:4313465
 3:45 am on May 17, 2011 (gmt 0)

Thanks You!...... :)

BTW I need this to work on an ipad. Any pointers? How we make sure that my stuff will work on an ipad I don't have one to test it. I guess if the site is designed with 960px width it may render well on an ipad ~ Vicky

[This can be a separate thread bt putting it here itself]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved