I am sure we have all seen a slider on a website form at some point or another.
Whether it be to guage ratings of a product, customer service ratings, or qty selection. I personally think that using a slider adds a certain class to any site and form and was wondering how we could also tap into this and make use of such sliders instead of the usual drop boxes (select box).
One thing thats caused me to wonder is as select boxes have very limited styling and so it is often hard to make it fit nicely into the design of a site.
Anyway, having had a look around I found a rather interesting article which gives a number of examples all based on JQuery so using ajax.
http://www.filamentgroup.com/lab/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/
Would it be easily possible to incorporate this into any form on cf ? or are there chances it would interfere with the temp session data etc when using multipage and so on.
Regards,
Whether it be to guage ratings of a product, customer service ratings, or qty selection. I personally think that using a slider adds a certain class to any site and form and was wondering how we could also tap into this and make use of such sliders instead of the usual drop boxes (select box).
One thing thats caused me to wonder is as select boxes have very limited styling and so it is often hard to make it fit nicely into the design of a site.
Anyway, having had a look around I found a rather interesting article which gives a number of examples all based on JQuery so using ajax.
http://www.filamentgroup.com/lab/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/
Would it be easily possible to incorporate this into any form on cf ? or are there chances it would interfere with the temp session data etc when using multipage and so on.
Regards,
Hi HSN,
It should be possible to use this (though you'll need to manage the usual JQuery conflict problem).
Provided that the drop down selection stays in sync, or the selected value is written to a hidden input in the form then the form data should save OK.
I'm not sure that these use AJAX but if they do that also should be no problem.
There are some functionally similar but much less pretty MooTools 1.11 sliders here and more even prettier ones around for MooTools 1.2
Bob
It should be possible to use this (though you'll need to manage the usual JQuery conflict problem).
Provided that the drop down selection stays in sync, or the selected value is written to a hidden input in the form then the form data should save OK.
I'm not sure that these use AJAX but if they do that also should be no problem.
There are some functionally similar but much less pretty MooTools 1.11 sliders here and more even prettier ones around for MooTools 1.2
Bob
Hi Bob,
I see what you mean about the mootools 1.1 not being as pretty😉
When searching for the 1. ones the only other one I could find is the one used for an RGB selector tool.
http://demos.mootools.net/Slider
I think this is something I will have to place on the back burner and compare the two as you mentioned something about a conflict in JQuery and im assuming I would need to do some work to get the mootools version to use anything in the <select><option me meme </option</select area.
Good bit is this then can be released as something new to bring people back to the site🙂
Regards,
Tom.
I see what you mean about the mootools 1.1 not being as pretty😉
When searching for the 1. ones the only other one I could find is the one used for an RGB selector tool.
http://demos.mootools.net/Slider
I think this is something I will have to place on the back burner and compare the two as you mentioned something about a conflict in JQuery and im assuming I would need to do some work to get the mootools version to use anything in the <select><option me meme </option</select area.
Good bit is this then can be released as something new to bring people back to the site🙂
Regards,
Tom.
This topic is locked and no more replies can be posted.
