Sweet!! I just released my very first jQuery plugin on github – SlickQuiz!
SlickQuiz, simply put, is:
A jQuery plugin for creating pretty, dynamic quizzes.
I’ll let the demo speak for itself – check it out below!!
Your Score:
Your Ranking:
Check out the github page for all the technical details!
Update 6/21/12: We now have a SlickQuiz WordPress plugin!
Update 11/2/13: Wow! Thank you all SO much for trying out SlickQuiz. I hope it’s working well for all of your needs. Today, I’m disabling comments on this post in an effort to route all questions and support requests to a more organized system via Github Issues: https://github.com/jewlofthelotus/SlickQuiz/issues
Please: if you have any issues or feature requests, look through the existing issues for your item before creating a new one. Thanks all! Looking forward to adding some awesome new features in the next year!
Lastly, if you want to stay up to date with new SlickQuiz developments, I’ll be regularly posting about it on my new blog: http://www.juliecameron.com/blog/category/slickquiz/
313 Comments | Comments are closed.
Julie,
Is there a data capture element either currently in place or planned? I like SlickQuiz a lot, but I need to be able to get scores recorded.
Hoi,
How can I translate the plugin or where can I translate the word Question.
Thanks
Wilco
@David – I have plans to add saved scores – if you have any ideas for how you’d like to see that working, please leave me a message here or in the plugin support forum:
http://wordpress.org/support/plugin/slickquiz
@wilco – I’m not entirely sure what you’re asking. Are you referring to the “Question X of X” label? If so, you can change the word on line 107 of slickquiz.js
Hi there! I have 400 over questions that i intend to categorize and make them into quizzes. However, my questions are loaded in an excel file and it would be very troublesome to type the questions one by one. Is there any solution to this?
Thank you
@Gareth – Unfortunately, there isn’t any sort of import feature yet. But I’ll keep it in mind as a potential feature.
Hi ! and sorry for my english.
Is Slickquiz ok with IE8 ?
I’ve got this problem with IE8 : when I put html tag in option, the correct response show wrong in IE8. I know that you have corrected something like that 3 month ago but I tested it with the last package on github, for exemple I just put a <b> tag on options, like :
/// Question 1
“q”: “What number is the letter A in the English alphabet?”,
“a”: [
{“option”: “8”, “correct”: false},
{“option”: “14”, “correct”: false},
{“option”: “<b>1</b>”, “correct”: true},
{“option”: “23”, “correct”: false} // no comma here
///
And Thanks a lot for this plugin !
Hi. Is it possible to restart the quiz?
@Julia – I’ll have to look into that issue to see what’s going on. Stay tuned!
@Pedro – Right now the way to do that is to refresh the page. I have had plans to add in a retry feature, so look for that in the future.
this is really good.
How do i select questions randomly?
Hi Julie,
I love the pluggin. This is exactly what I was looking for. Only thing is I am having a problem enabling the quiz. Am I missing something? I am a newbie
Thanks,
Karen
I figured out you have to preview to publish. Is there any email functionality to send the results of the users>
Thanks again,
Karen
@karen – glad to hear you got it working! Unfortunately, there is not currently any way to email or store results. I do have plans to get that sort of functionality added in the future though.
Excellent quiz script. I forked it on github, maybe I can help as well on how we can save data. What is your initial idea?
Hi Julie,
Sorry it took me this long to reply to you after your help above. It would be great to have SlickQuiz capture the respondent’s name & email address as a starting point. Regarding capturing scores, my preferences would be the following:
* Record a respondent’s response to each question.
* Aggregate all responses by question
* Report at the survey end the respondent’s score compared to all others (e.g., you scored 17 out of 20. This puts you in the top 15% of all people who completed the [title] survey.
* Administrator report with similar information
* Email to Administrator stating survey was completed & respondent answer/score by question.
There are a couple WordPress plugins with similar feature sets, but their survey sides don’t compare well to yours. If there’s a way to get the information saved, I’ll keep using SlickQuiz and tell all my friends.
Thanks, Julie.
Hi Julie
The start button isn’t working for me on quiz I created. Any suggestions.
Jack
Thaks a lot for your efforts Julie !
Like David, I also want similar type of plugin.
also I want to display the correct answer summary (optional) at the last.
Hello, and thanks for a very nice script.
I’d like to know if there’s a way to tweak SlickQuiz so that the answer input types could also include input type=”text”.
That option would make the good script even better.
For example:
Q: What is the first name of President Obama?
A: [_________]
or
Q: What were Rhett Butler’s last words to Scarlett O’Hara?
A: Frankly, my [_________] , I don’t give a damn.
Any thoughts?
Is there a js variable/array that has the answers? I need the results of all the answers.
Hi Julie,
Thank you for your jquery quiz and I found it really useful.
One question I would like to know: I have a quiz that has 3 sections. I would like the questions in each of the 3 sections to display on in a list form, and a “next” button will go to the next section. The score in each of the 3 section will need to be saved and displayed at the end of quiz, and a final score of these 3 scores add up.
I wonder if you know how I can customize your quiz jquery to that?
Thanks a lot!
Sorry for the delayed responses everyone, life’s been a little crazy lately…
@Louie Miranda – I do not have any plans to set up saved data for the jQuery plugin. I would like to do this for the WordPress version. Did you have any thoughts of your own on the matter?
@David – I’ll definitely take all of your ideas into consideration as I build out saved data for the WordPress plugin. Thanks for the feedback and stay tuned!
@Jack – Can you provide me with a link to the page where the issue is occurring? It’s likely something else on the page is interfering with the scripts.
@tralsi – Thanks for the feedback. I think you’ll want to set the
completionResponseMessaging
option to true to achieve the answer scenario you’re looking for.@Leo – Right now there isn’t away to accept text input answers, but I’m sure you could tweak the script to allow for that. I do not have plans to make that a core feature as it would likely have to rely on the user entering exactly the right answer, no spelling or punctuation errors, etc. It’s doable, but there’s a lot of room for error.
@Daniel – I’m not storing the results anywhere, but you can query for the questions that have been answered correcting by selecting all the question elements with the class of
correctResponse
.@Corey – It should be possible to modify the script to do something like that. It’d be somewhat significant changes, so I don’t really want to go into all the details here. Please feel free to fork the plugin on github and let me know what you end up doing! If you need any specific advice, let me know.
Julie-
Nice WP Quiz. I’d like to adjust the styling just a bit. The green buttons don’t work so well on the site. Can you give me some guidance?
Julie, thanks for adding the scoring element. I updated the SlickQuiz plug in tonight. When I shift to keep the scores, I lose the quiz from my page in IE. I know earlier that was related to a share feature in Jetpack; however, I have that disabled. Any thoughts on what I can do?
Also, is there a way to capture an email address along with the name?
Btw, I’m getting great feedback on the quiz I have posted. Thank you for making that possible.
Hi Julie :)
this is my little issue , I hope you can add it, because it will help me too much :)
Thank you for the great job you done !
https://github.com/QuickenLoans/SlickQuiz/issues/30
Hi Julie !
I have upgraded to 1.1.0
after upgrading i am facing problem in executing the quiz.
while loading the page with [slickquiz ID=1] i am able to view
Get Started!
Your Score:
Your Ranking:
it loads the page with Get started link (instead of a button) & clicking on the link it doesn’t take me to anywhere. so test doesn’t get started.
Secondly while creating the test on IE7 , it started giving error JSON is undefined admin.js line no. 367
while executing test
it gives following details.
Message: Object doesn’t support this property or method
Line: 258
Char: 37
Code: 0
URI: http://server2011:9999/wordpress/?page_id=601
unfortunately, as I have hosted wordpress in my intranet & want to setup the quiz for the students in the lab, i can’t send you the link.
please help.
Hi Julie !
first of all I am not able to priview the quiz in IE7. It says JSON undefined error & hence I can not publish. Some how I was able to publish it using Firefox. so my quiz is published.
Unfortunately, while accessing the page having [slickquiz id=1] , it displays Getstarted link ( instead of the button), your score : & Your ranking :
& nothing happens if we click on the get started link. (tried in all browsers).
Please help to resolve.
Update !
First of all sorry to post this update, but thought it may help you in helping me.
Please note that 1.0.16 is working OK on the same server but I want to use 1.1.0 and it has above mentioned problem.
Congratulations great little plug in.
There does seem to be a conflict with the WPBakery Visual Composer plugin though. When it’s enabled the Slickquiz edit page is just blank and you can’t add new either. But deactivating the Visual Composer puts it right!
Is it only me who cannot get this to work with WP 3.5?
It was working fine and then I updated to WP 3.5. Now it looks like this:
http://www.indadvendt.dk/test-er-du-aggressiv-eller-assertiv/
Hi,
I modified the plugin, so you can now receive the quiz score & rank,
to do that, just in the quizResults div, add a form with action to your submit link,
and add two inputs; one with the finalScore class, for the quiz score
and the other with the class finalRanking for the quiz rank
and add the submit button if you want
by default, the demo contain inputs with the type text, you can change them to hidden :)
https://github.com/OmarBerrayti/SlickQuiz
@Peter Asp & @tralsi – Can you confirm that your theme’s footer.php template contains the following method somewhere before the closing
<body>
tag:<?php wp_footer() ?>
If not, try adding that and let me know if it fixes your issue.
@Omar BERRAYTI – Awesome, I’ll take a look at your request tomorrow and hopefully we can get it added in! Stay tuned!
@Julie : thank you :)
@Derek – You can change the button styles by editing your themes stylesheet and adding the following selector to target the buttons (replace “blue” with whatever color you want):
.slickQuizWrapper .button { background-color: blue; }
@David – I did find a bug with the saved score feature, a bug fix has been pushed out. Let me know if you still see the issue!
Great plugin! The interface is simple but attractive. I would like to list all five questions at the same time, and after the user answers them, have the check answer button grade them all. Is that difficult?
Julie, thanks. I think I’m one step further ahead but still encountering a problem. I can now get the name entry box to appear, which tells me it’s trying to load right, but the Get Started button has changed color and does not function. The same is the case in both IE and Firefox.
@David – You must enter a name in the field before the start button will enable itself. That just ensures each user score has a name. It’s not entirely obvious at the moment, any suggestions for improvement are welcome :)
Hi Julie, I’m having the same problem as David, except there is not area for users to enter their names.
@William – It would not be too difficult to implement. You’re welcome to fork the github plugin and try your hand at it: https://github.com/QuickenLoans/SlickQuiz
Otherwise, I’ll add the feature to my list and see what I can do.
@Phil – Can you confirm that you’ve got the newest version of the plugin (1.1.1)? If so, you will need to enable the saving of user scores via the SlickQuiz options page. Once that’s enabled, you’ll have the text input for user names. Let me know if you have any other issues!
Julie: Thanks.
My footer already contained that line, I am sorry to say.
So still no quiz :(
@Peter – Take a look at this support thread and give my most recent suggestion a try: http://wordpress.org/support/topic/plugin-slickquiz-uncaught-typeerror-object-object-object-has-no-method-slickquiz?replies=13#post-3697983
Let me know if that works!
Works!
Thanks for your support!
@Peter – Great, hopefully you saw my note about it being a temporary solution until I’m able to fix the bug that’s causing it!
@Peter & @tralsi – Just pushed out a bug fix that should eliminate all your issues. Please update and let me know if it works for you!
Julie,
Thanks for the script.
Is it possible to give the answer a value (1, 2, 3, ..) and not a true/false value.
At the end you get a total value (value answer1 + value answer2 + value answer3…) and depending of the total result a get a specific level.
Sorry for my poor english.
Francois
Hi Julie !
Thanks a lot for your suggestion yopu gave to peter. It worked for me too.
( http://wordpress.org/support/topic/plugin-slickquiz-uncaught-typeerror-object-object-object-has-no-method-slickquiz?replies=13#post-3697983 )
Thnaks a lot for your support.
Anyways I am going to update to new version as you suggest.
Once again thanks a lot & this way you help to lot of students.
@Francois – Thanks for the feedback! Right now, that is not an available option. I will certainly take your idea into account as I move forward with development though!
@tralsi – Glad to hear you got it working. The newest update should definitely solve the issue as well.
Hi Julie,
I must be high on the knucklehead scale, because I still cannot get the quiz to start. I can enter a name, and I’ll darken the border around the block later, but the Start button still does not activate. The problem is the same in both IE and Firefox.
I’ll leave the quiz with the save score option enabled for a couple days in hopes you might be able to determine what I’m not doing correctly. The problem is the same in both IE and Firefox.
@David It looks like your theme is loading a pretty old version of jQuery that is incompatible with the SlickQuiz plugin’s saved score feature. If your WordPress installation is up to date, the newest version of jQuery would have been included and loaded by default. But since you’re version is so old, I would think it’s being loaded in a non-standard way. Do you have any plugins that might be loading an older version? Or do you perhaps have a custom theme that is loading the older version?
This seemed to work for the first quiz I made, but now as soon as I click preview or try to edit an existing quiz, everything is deleted! I spent a lot of time typing out a quiz just to have it deleted when I have to preview it!
What’s going on here?
@Ryan – I’m sorry to hear you’re having so much trouble. I have not heard of any issues like that yet, so I’d need to get some more information before being able to help you.
Can you tell me what version of WordPress you’re using? And also what version of the SlickQuiz Plugin? Do you have any other plugins enabled? Do you have any quizzes showing up in the listing right now? That will be a good starting point, once I know all that I can help you dig in further.
I have WordPress v 3.5 and version 1.1.2 of your SlickQuiz Plugin. Other enabled plugins include Breadcrumb NavXT v 4.2.0 and Ultimate TinyMCE v 4.0.4. I have 2 quizzes showing up on my SlickQuiz Management page, however their question counts are both 0 because they (along with all other info for the quiz) keep getting erased when I click preview.
*I forgot to mention in my first post that, when it worked for me, I really loved this plugin and I’m very excited to use it! Thank you for creating it and for your help!