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

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

  1. Works Everywhere
  2. Single & Multiple Choice support
  3. Images allowed as answer options
  4. Use CSS
  5. Callback API

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>

data-anwser="correct" indicates this correct answer.

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.