How to create your own slider using jQuery?

Create a web-survey using javascript.

  • Advice on using Javascript and JQuery to create a web-survey. I want to create a survey on a website that has 5 - 8 questions, and multiple-choice answers. At the moment I am planning to use Javascript and a bunch of forms and radio-buttons. I have the overall structure working for a simple case (user ticks various radio buttons, clicks submit and the data + cookie info is loaded into a database using a JQuery post command). However, I don't have a good strategy for formatting the button positions and I'm not sure if there is a better way of organizing the radio-buttons. Also, some of the questions will have pictures above the radio-buttons. I am using CSS, but I'm finding the individual button text to be a little tricky to handle as it varies in length. I would appreciate any pointers on how best to improve this. I feel like there might a library out there that already handles some of the browser side organization but I haven't been able to find it though googling.

  • Answer:

    Check out http://jqueryui.com/ for more "standardized" widgets and controls.

a womble is an active kind of sloth at Ask.Metafilter.Com Visit the source

Was this solution helpful to you?

Other answers

Do you really need this level of control over the code/form? Otherwise, you might want to check out one of many hosted form solutions out there, e.g. Wufoo, Google Docs, FormSite, JotForm, etc.

Foci for Analysis

urbanwhaleshark

I recently used this http://www.fromthedesk.com/script.php?sid=12 script (using PHP and XML) when I needed to create a quiz that would have photos (or videos) as part of the quiz questions. This script made it easy to control the formatting via CSS too. Since it requires PHP, you couldn't use this script to run the quiz offline (the way that, say, you potentially could with a Javascript-only script), but I don't know if that's important to you. Just FYI!

lgandme0717

Without an example of the pictures, questions, and answers that you will provide, it is hard to determine what the best layout would be.

jasondigitized

Thanks Blazecock Pileon, that was the encouragement I needed to try using jQuery UI. It's great!

a womble is an active kind of sloth

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.