Search

Question

Responsive jQuery Multiple Choice Question Plugin

An exciting 'Question Plugin' that will talk to your visitor by not only giving you utmost page-interactivity but also saving every click punched to the server.

Examples

Try to answer these questions by clicking the options provided bellow each question.

  • Name the tallest building on the earth.

    • My Home
    • Qutub Minar
    • Your Home

  • Name the tallest building on the earth.

    • My Home
    • Qutub Minar
    • Your Home

Features

  • Works Everywhere
  • Single & Multiple Choice support
  • Images allowed as answer options
  • Use CSS
  • Callback API
feature

How To Use

This script goes into head section
<!-- Include jQuery Library --> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link href="question.css" rel="stylesheet" type="text/css" /> <script src="question.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(".rstquestion").question({ Attempts: 1, OnAttempt: function (i, attemptcount, status) { } }); }); </script>
HTML Example
<div class="rstquestion"> <p>Question text comes here. You can use HTML, Images etc as well.</p> <ul> <li>Option 1</li> <li data-anwser="correct">Option 2</li> <li>Option 3</li> </ul> </div>

Usage Options

Option Default Description
Attempts 1 Integer

Number of attempts allowed to answer the question.

OnAttempt null 
function(optionindex, attempcount, answerstatus) 
{ 
    /* Put your ajax code here. */ 
}

optionindex - index of option click by visitor. attempcount - number of attemps made. answerstatus - where clicked option is correct(true) or wrong(false).

Label 
    { 
        Exhausted: "Attempts Exhausted", 
        Correct: "&#10004;", 
        Wrong: "&#10007;" }

Exhausted label is used to denote that all attempts have exhausted. Correct label is used to denote that User has chosen correct answer. Similarly Wrong label is used to show that user have shosen wrong answer.

Effect 
true
 true | false

If set to false question will not show shake or bounce effect.

Download

Download the files listed bellow.
Support

For any kind of support for this script please write an email to me support@rudrasofttech.com.

Green Flower Pot
flower
Let's Start A Project

Get a latest creative news from rudrasofttech about art, design and pop - culture.

Request Quote