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.
Name the tallest building on the earth.
Name the tallest building on the earth.
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.
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: "✔", Wrong: "✗" } |
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. |