4-ee builds add-ons for ExpressionEngine
Finally... get all your questions answered. From multiple choice to likert scale, weighted to randomized, 4-eeQuiz is a fully integrated solution that passes the test with flying colors. Compatible with EE1 (up to 4-eeQuiz 1.9.4) and EE2. Plus a rock solid
30 day, 100% money back guarantee.
Question configurations include:
• Matching
• Essay
• True/False
• Multiple Choice
• Select All That Apply
• Voting Ballot
• Fill In the Blank
• Likert Scale
Do you want a question to be worth more? Perhaps you'd like to allow five attempts on that particularly difficult question? Or maybe you want to show your users an explanation on how the answer can be obtained.
Accomplish all of this and more with a powerful set of options provided for each question type and quiz. Some customizations include:
• email notifications
• question weight
• number of attempts
• explanation
• mandatory or optional
• per-option feedback
• randomized option order
• quiz passing score
• display questions all at once or sequentially
View overall statistics, individual answers, most common answers, and export all user solutions as a spreadsheet.
Need to see how a particular group of users performed? Simply filter the answers by their member group, usernames, or screennames.
Construct your own quiz templates or use our default one to quickly deploy your quizzes. An extensive set of variables allow you to tailor your quizzes specifically to your liking. You can even use other EE tags in your quiz templates (like exp:channel:entries) to pull in any extra data you may want to use (images, files, extra texts, etc).
Select a quiz:
{exp:eequiz:quizzes}
<a href="{path=eequiz/take_quiz/{quiz_id}}">{quiz_title}</a><br />
{/exp:eequiz:quizzes}
{exp:eequiz:questions quiz_id="{segment_3}"}
This is a tag pair. It outputs overview information pertaining to quizzes (titles, descriptions, the logged-in user's score, etc).
Select a Quiz:
{exp:eequiz:quizzes}
<h1><a href="{path=eequiz/{quiz_id}}">{quiz_title}</a></h1>
<p>
description: {quiz_description}<br />
score: {grade_score} out of {max_score}<br />
percent: {grade_percent}%<br />
{if passing}you are currently passing this quiz{/if}<br />
</p>
{/exp:eequiz:quizzes}
This is a single tag. It outputs the question form(s) corresponding to the provided quiz_id. * NOTE: jQuery is required with this tag, and only one of these tags are allowed per page *
good example (eequiz module will determine whether to clear answers):
{exp:eequiz:questions quiz_id="{segment_2}" retake="{segment_3}"}
bad example (both tags will execute behind the scenes, therefore clearing the current user's answers):
{if segment_3=="retake"}
{exp:eequiz:questions quiz_id="{segment_2}" retake="yes"}
{if:else}
{exp:eequiz:questions quiz_id="{segment_2}"}
{/if}
{exp:eequiz:questions quiz_id="1"}
javascript code:
function questionCallback(results) {
if (results.updated_answer) {
alert("Your answer is: "+results.correctness);
}
}
function loadStart() {
$("#loading_gif").show();
}
function loadEnd() {
$("#loading_gif").hide();
}
template code:
{exp:eequiz:questions quiz_id="1" js_on_update="questionCallback" js_on_load_start="loadStart" js_on_load_end="loadEnd"}
This is a tag pair. It gives access to both user and global quiz score variables. This can be used to show some overall data to the user (percentile, average scores, etc).
<h1>THIS QUIZ</h1>
{exp:eequiz:answer_data quiz_id="{segment_3}"}
score: {user_percent}%<br />
percentile: {user_percentile}%<br />
{/exp:eequiz:answer_data}
<h1>ALL QUIZZES</h1>
{exp:eequiz:answer_data}
score: {user_percent}%<br />
percentile: {user_percentile}%<br />
{if passing_all}You are passing every quiz! Congrats!<br />
{if:else}You are not yet passing every quiz... keep trying!<br />{/if}
{/exp:eequiz:answer_data}
This is a tag pair. It gives access to question variables, including user data (score, last answer, number of attempts, etc). This can be used to create a custom results page.
* If "unrolled" is being used, these variables will be prefixed by "q#_", where # is the question number.
* If "unrolled" is being used, these conditionals will be prefixed by "q#_", where # is the question number.
Here is a breakdown of how answers are output, so you will have a better idea how to use them with conditionals.
{exp:eequiz:results quiz_id="1"}
{number}. {text}<br />
Your answer is {correctness}.<br />
Your answer: {user_answer_formatted}<br />
Correct answer: {correct_answer}<br />
<hr />
{/exp:eequiz:results}
{exp:eequiz:results quiz_id="1" unrolled="yes"}
{if q1_user_answer==1 && q2_user_answer==2}You answered A to the first question and B to the second, so that means you are...{/if}
{if q1_user_answer==2 && q2_user_answer==2}You answered B to the first question and B to the second, which means you should...{/if}
{/exp:eequiz:results}
This is a single tag. Add it to your page if you did include_js="no" on your {exp:eequiz:questions} tag. Note: if you use any of the options below, you MUST define the javascript functions before you insert this tag!
The following tags are values only and include no html/css. Feel free to use them in conditionals.
The following tags include html and css classes. See documentation for styling guidelines.
The following styles were designed according to the default quiz template.
/* ======================================================== */
/* general question styles */
div.eequiz {
width: 400px;
padding: 5px;
margin: 5px auto;
background-color: #eee;
}
div.eequiz h1 {
padding: 5px;
margin: 5px;
font-size: 24px;
font-weight: normal;
color: #000;
}
div.eequiz div.question_info {
padding: 5px;
margin: 5px;
color: #555;
background-color: #ccc;
font-style: italic;
font-size: 12px;
line-height: 1.2em;
}
div.eequiz div.question_text {
clear: both;
border-bottom: 1px solid #ccc;
padding: 10px;
}
div.eequiz div.answer_section {
padding: 10px;
border-bottom: 1px solid #ccc;
}
div.eequiz div.answer_footer {
clear: both;
}
div.eequiz div.feedback_section {
margin-bottom: 10px;
}
/* ======================================================== */
/* answer mark styles */
div.eequiz div.incorrect_mark {
padding: 5px;
margin-bottom: 10px;
color: #F00;
background-color: #FEE;
}
div.eequiz div.partially_correct_mark {
padding: 5px;
margin-bottom: 10px;
color: #BB0;
background-color: #FFE;
}
div.eequiz div.correct_mark {
padding: 5px;
margin-bottom: 10px;
color: #0F0;
background-color: #EFE;
}
div.eequiz div span.mark_text {
}
/* ======================================================== */
/* controls styles */
div.eequiz div.question_controls {
margin-top: 20px;
clear: both;
}
div.eequiz a.next_link {
float: right;
margin-right: 10px;
}
div.eequiz a.previous_link {
float: left;
margin-left: 10px;
}
div.eequiz a.disabled {
color: #CCC;
cursor: default;
}
div.eequiz input.submit_answer_button {
display: block;
width: 150px;
margin: 0 auto;
}
/* ======================================================== */
/* multiple choice styles */
div.eequiz ol.multiple_choice_options {
}
/* ======================================================== */
/* matching styles */
div.eequiz ol.matching_problems {
width: 150px;
float: left;
}
div.eequiz ol.matching_problems li select {
margin-right: 5px;
}
div.eequiz ol.matching_choices {
width: 150px;
float: right;
list-style-type: decimal;
}
div.eequiz ol.matching_choices li {
margin-left: 30px;
padding-left: 5px;
}
You probably don't have jquery included on your page, which is required.
Create a new channel and add any custom fields you want to it. Then, in your quiz template, add the following code (example):
{exp:channel:entries url_title="{question_shortname}" dynamic="off"}
Here is a custom text: {custom_text_1}<br />
Here is an image: <img src={my_custom_image} />
{/exp:channel:entries}
Now as you create questions, if you want extra data to be pulled in, simply publish an entry with the same url_title as your question_shortname. Note: dynamic="off" is very important, since you do not want to pull data using the uri.
First add js_on_update="questionCallback" to your {exp:eequiz:questions} tag. Then, add the following javascript to your page (edit as needed):
function questionCallback(results) {
if (results.attempted_all) {
window.location = "http://www.[REDIRECT PAGE].com";
}
}
Don't let that scare you, if you don't know javascript! It's very simple. Here's an english translation: "if the user has attempted every question, then redirect them."
{exp:channel:entries url_title="{question_shortname}" dynamic="off"}
<img src="{my_custom_image}" />
{/exp:channel:entries}