jQuizMe 2.0 Released. | Learning is Interactive

jQuizMe 2.0 Released.

Posted on July 5th, 2009 Larry 78 comments

Hey everyone,

jQuizMe 2.0: Features a everything you need to make a javascript quiz online.

After a few months of programming I’ve finally finish jQuizMe. It took a some time to get done but it feels rewarding.

Anyhow, jQuizMe 2.0 is at code.google now.

http://code.google.com/p/jquizme/
Share and Enjoy:
Uncategorized
78 responses to “jQuizMe 2.0 Released.”
- Sam July 14th, 2009 at 09:29
  
  JQuizMe looks like a really cool plug-in to generate quizzes & am looking forward to use it soon.
  
  Seems like there is a small bug though. The demo –> http://bateru.com/jquery/jquizme2/demo3.html breaks for the questions having an input box.
  e.g Question –> What is the value of x?
  x = 9 + 8 + ’7′
  
  Reply
- Larry July 14th, 2009 at 12:15
  
  Thanks for the report.
  Fixed this issues in jQuizMe 2.0.2 and updated site.
  
  Enjoy jQuizMe.
  
  Reply
- Gary McCafferty July 18th, 2009 at 17:34
  
  Hi,
  I’m following up on the question I posted on the google code wiki page regarding an option to ask the user to try again if they get answer a question incorrectly. (http://code.google.com/p/jquizme/wiki/HowToUse)
  
  It would be great if it was an option on a quiz by quiz or even question by question basis. I am creating an e-learning course for a university assignment and we’ve been told that it can be good idea to let the learner have another try. Not for every question, e.g. those with only 2 options, but sometimes it would be desirable.
  
  Ideally I would like the option to give the learner a hint along with the second chance.
  
  Keep up the good work.
  
  Reply
- Adam July 23rd, 2009 at 03:02
  
  Is there a way with your quiz where if the user answers x amount of questions correctly, the browser auto redirects to a new page.
  
  Reply
- Larry July 24th, 2009 at 03:02
  
  @Gary McCafferty
  Ok. About your feature. I’m adding a option that will allow for the user to try again or move on to the next question if their answer is wrong. However, for hints, you can provide that in the questions.
  
  @Adam
  Yes. options.statusUpdate would enable you to do so. However there is a small bug in it. So wait until 2.0.3 is release to used it. I’m also going to update the documentation soon.
  options.statusUpdate = function( isQuizOver, stats ){ if( stats.right.length > 1){ document.location = "http://www.google.com"; } };
  
  Reply
- Mike July 27th, 2009 at 13:35
  
  Just wondering if there is any way in the future that there might be a point value system incorporated, e.g. question one is worth 1 point, question two is worth 2 points, etc.
  
  Thanks!
  
  Reply
- Daniel Roffman July 30th, 2009 at 02:48
  
  Awesome job Larry!
  
  Your quiz is really really slick
  
  Reply
- Gary McCafferty August 5th, 2009 at 15:11
  
  Hi Larry,
  I posted an issue on google code. There’s a problem the way jQuizme handles entities in answers.
  
  I’ve explained it in detail here: http://code.google.com/p/jquizme/issues/detail?id=3
  
  Reply
- Mark August 10th, 2009 at 01:30
  
  Hi Larry,
  
  I am wondering something regarding the review window. How would I be able to put some text next to the checkbox? I looked through the jquizMe-packed.js file and wasn’t sure where to find it.
  
  Thanks!
  
  Reply
- Larry Battle August 14th, 2009 at 02:22
  
  @Gary McCafferty:
  Yeah, you’re right. What happens is that jQuizMe get the user answer from the html file and not from the index of the right answer. So the special characters is converted to a html tag, which changes the user’s answer. I’ll look into it.
  
  @mark:
  Read the jQuizMe-uncompressed.js file to understand it.
  Search for the first following match
  ” *”
  and replace it with what you want.
  “Missed * ”
  
  @Everyone
  I’m halfway done with the updates for jQuizMe but I got stuck with examinations for college and moving. Bare with me.
  
  Reply
- Chris Siebels September 10th, 2009 at 00:26
  
  http://talktomartyb.com/anger-assessment.html
  
  How do I get rid of the “=” signs under each questions?
  
  Reply
- Larry Battle September 10th, 2009 at 03:51
  
  @ Chris Siebels
  Thanks for the website link. It really did help at solving your problem.
  
  Solution:
  Change the ans:”" } part of the quiz types to ans: true }
  Your answers are strings. Change them to a boolean.
  ans: “” is a string.
  While, ans: true or ans:1 is a boolean.
  
  Why?
  In the true or false quiz type, if you answer is a true or false, then your questions will not be modified. Otherwise, they will be compared with other answer to form a true or false statement.
  
  More technical answer:
  The = appears because if your answer is not a boolean, then it will make up a question by comparing other answers from the quiz type section of the object.
  
  Reply
- Christine Siebels September 15th, 2009 at 22:27
  
  Thanks Larry, that worked! Great plugin!!
  
  Reply
- Shae October 1st, 2009 at 13:37
  
  Hi Larry!
  
  This plugin is absolutely fantastic! I develop websites with a company that offers online education for “at risk” students. This is a great way to allow them to practice some exercises before the exam!
  
  so far, so good. This accomplishes everything i was hoping to do. I keep running into, what seems to be a minor snag that i was hoping you could help with.
  
  In some of the questions i need to put a button graphic, with a rollover effect, that plays an audio file. I typically use this in the head of my html doc:
  
  $(document).ready(function(){
  $(“.flashplay”)
  .hover(function(event){
  $(this).attr(“src”, “playButton_on.gif”);
  },
  function(event){
  $(this).attr(“src”, “playButton_off.gif”);
  });
  });
  
  The “snag” is that this will work properly when hitting “begin quiz.” As soon as you hit next, the jquery statement stops working. I know that i need to add the jquery function somewhere else, but i am new to jquery and wasn’t sure where to put it. So far, everything i have tried has not worked.
  
  Any help would be wonderful. Thanks for all of the hard work! This is a really awesome plugin! Nice job!
  
  Reply
- Shae October 2nd, 2009 at 00:18
  
  Hi again,
  
  I had one more question. Is there any way to have more than 1 quiz on a page? We use several quizzes throughout one page/lesson. I am having a problem with adding more than 1 quiz. Any help would be wonderful.
  
  Thanks again for all of the hard work! This really is a nice app you created.
  
  Reply
- Larry Battle October 2nd, 2009 at 16:35
  
  # After restart, quiz switches to last.
  - You’re right. That is a bug. The bug is jQuizMe misused the $.extend function.
  The bug is fix now. But I will release the fix after this weekend.
  Here’s the fix if you want to do it yourself.
  
  From: jQuizMe-uncompressed.js, line 167
  //## Old Code
  var settings = $.extend( _settings, options ), lang = $.extend( true, _lang, userLang );
  //## End of Old Code
  
  //## New Code
  var settings = $.extend( {}, _settings, options ), lang = $.extend( true, {}, _lang, userLang );
  //## End of New Code
  
  # Audio with jQuizMe
  - Use jPlayer to add audio to your website.
  http://www.happyworm.com/jquery/jplayer/
  
  # Rollover issues
  - When a quiz restarts or moves to the next problem, the element event or the “binding” event get ereased.
  To solve this problem use the “live” event, instead of normal binding actions. This makes sure that new elements will all maintain the same event properties.
  jQuery live: http://docs.jquery.com/Events/live
  
  Change your code to the following:
  From: sample.html
  //## Old Code
  $(“.flashplay”)
  .hover(function(event){
  $(this).attr(“src”, “playButton_on.gif”);
  },
  function(event){
  $(this).attr(“src”, “playButton_off.gif”);
  });
  //## End of Old Code
  
  //## New Code
  $(“.flashplay”).live( “mouseover”, function(e){
  $(e.target).attr(“src”, “playButton_on.gif”);
  }).live( “mouseout”, function(e){
  $(e.target).attr(“src”, “playButton_off.gif”);
  });
  //##End of new code
  
  Hope that helped.
  Donations are welcomed.
  http://pledgie.com/campaigns/3174
  
  Thanks for your time,
  Larry Battle
  
  Reply
- Zack October 2nd, 2009 at 17:28
  
  Hi,
  
  Excellent quiz – worth more than $10!
  
  I need to direct students to a specific page, or give them feedback based on the range their score falls into. I didn’t follow the explanation about options.statusUpdate – could you please clarify or point me at any documentation?
  
  Thanks!
  
  Reply
- Shae October 6th, 2009 at 21:59
  
  Larry,
  
  I am so sorry for the delay in a great big THANK YOU!!!! Your suggestions/fixes solved everything.
  
  I have been playing with jquizme quiz a bit including skinning/customizing it. Man, you did a fantastic job in thinking ahead and making it VERY flexible! It is very easy to follow follow your code and with your comments (and css classes defined in jquizme) you have made it very easy to style whatever i want. You really thought this through! This is a top notch project and very professional. Thanks for your hard work and sharing it with us.
  
  I really appreciate you taking the time to help me out. Donation definitely coming your way.
  
  Thanks again!
  
  Reply
- Zack October 9th, 2009 at 15:06
  
  I see the pledgie campaign is closed. Where can I make my donation?
  
  Thanks again!
  
  Reply
- Tony October 10th, 2009 at 18:13
  
  Hi Larry,
  
  I am working on a quiz using JQuizMe where one of the questions has an “All of the above” option (the whole quiz is of the multiList type). The answers to each question are automatically randomized which defeats the purpose of the “All of the above” option as it doesn’t always appear last in the list.
  
  I looked through the wiki at code.google.com for the option, tried setting allRandom and random to false but that did not work.
  
  How can I get the options for a question to appear in the same order every time?
  
  Reply
- Shae October 15th, 2009 at 00:45
  
  Hi Larry,
  
  I am trying to send you a donation and couldn’t figure out how. I went to the page but didn’t see an option other than the 6 month pledge? I could be missing something. Can you let me know? I definitely want to help you out.
  
  I will send you a sample of what i have so you can see how others(me) are using jquizme. I wanted rounded corners, drop shadows, etc. So i added a bunch of divs to the source. Turned out quite nice!
  
  I was having one problem though. I am having a hard time getting IE7 & 8 to obey the animationType(0, 1, or 2). I wanted to use the fade animation so i changed it to 1 in the source(to experiment). It works great in FireFox but IE7 and IE8 just keep using the default. Also, when i call it by using “options” when setting up the quiz it works in FF but not IE. Maybe i am not calling it right?
  
  anyway, thanks again for this terrific app!
  
  Reply
- Shae October 15th, 2009 at 09:15
  
  Nevermind. ) I figured it out. It looks like the checkAnimation function had a line targeting IE. I changed this value to from 0 to 1 and now the fades work.
  
  Still need to know how to give you money.
  
  Reply
- webalchemist December 7th, 2009 at 15:10
  
  Hey great module!
  
  I am curious, is there any way to customize the summary to include a “go to the next chapter” button?
  
  I want to put several quizzes on one page, each embedded in a chapter. Chapters are div’s and I am using jquery to go from one to the next. I only want users to see the next button if they score a certain percentage.
  
  I checked the http://code.google.com/p/jquizme/wiki/HowToUse manual, but did not see any custom summary message where I could add the “gotonext” button code.
  
  Thank you so much for your amazing work on this!!
  
  Reply
- Larry December 15th, 2009 at 23:04
  
  jQuizMe 2.1 was released.
  Check it out at google code, jQuizMe
  
  Reply
- John L. January 5th, 2010 at 13:40
  
  I went through the docs and these comments and forgive me if I skipped over it. I’m looking for a way to grab the answer that the user selects or types. I’d like to merge this with another quiz app I have built that records the user’s answer in a database… any tips or pointers or is this possible?
  
  Reply
- Shae January 6th, 2010 at 19:39
  
  Hey Larry,
  
  I just dropped you a donation. Thanks again for your help and work on this project. I have had a lot of fun with it and have also learned a lot about jquery.
  
  In my experimenting I was having a problem that i was hoping you could help me with. I have been experimenting with some Spanish quizzes. Obviously there are a number of special characters in Spanish. JQuizMe handles these characters just fine unless the special character is the last character in the answer. For instance, if the answer is “está” it will be flagged as a wrong answer even when you typed it in correctly (ALT+0225). This only happens when the accent is the last character in the answer. For instance “estás” works just fine without any problems.
  I did notice that the answer would show as correct if i added a space (spacebar) after the last character (where you type the answer in the input field – the actual answer in the js does not have the space). I was going to try to append a nbsp; to the answer (when the check btn is clicked) but figured i should ask you in case you know of a more practical way around it.
  
  Thanks again for all the work. I will keep the donations coming when i can.
  
  Reply
- Larry Battle January 6th, 2010 at 22:45
  
  Please leave new comments on the below page.
  jQuizMe 2.1 Release Page
  
  Reply
- Shae January 6th, 2010 at 23:09
  
  Thanks for getting back so quickly. It appears that i am an idiot. I didn’t notice that there was a new release until after i posted the message. I downloaded 2.1 and all problems are resolved. You made a lot of changes! Really great ones too! Thanks again for the hard work. It’s a great project!
  
  Reply
- Mark January 11th, 2010 at 09:17
  
  Hi Larry,
  
  Thanks for the great application. I have been able to put it to good use on my own website where we have an entire section for quizzes at http://www.landofcode.com/web-development-quizzes/
  
  Reply
- lor larson January 12th, 2010 at 11:44
  
  Here is another sort of test builder for giving secure tests online from any ordinary web site:
  
  http://mynichecomputing.org/NOnline_Test_Bldg_Kit7/autoTest.htm
  
  Reply
- lor larson January 12th, 2010 at 12:36
  
  When is ansSel used with a t/f question and why? I see one like this in the JavaScript test example and when that property is taken out of the item, the item displays improperly, but I don’t see why.
  
  Reply
- Lor Larson January 12th, 2010 at 13:40
  
  In the JavaScript example quiz t/f questions you use “=” all over the place where “==” is what you certainly mean. = is always assignment. No logical comparison is done with =
  
  Reply
- Larry Battle January 12th, 2010 at 23:54
  
  You’re right, it should technical be “==”.
  
  In jQuizMe 2.1, you have the option of changing the equal sign for the true or false questions. Do the following.
  var newLang = { quiz: { tfEqual: “==” }};
  $( el ).jQuizMe( quiz, options, newLang );
  
  Reply
- Lor Larson January 13th, 2010 at 10:35
  
  Suggestion: You might consider adding a checkbox type, so questions may have more than one answer.
  
  It would also be nice if a teacher could have questions given in order, yet not all the questions of a given type in a row. (I.E., it might be nice to allow for more than one block each with a set of a given type of question. )
  
  You could also incorporate a secure-graded test option, where the answers would all gotten via ajax at the end of the test (like I do with my testing system — which, by the way has been ‘out there’, available to teachers for 10 years (though the ajax part is new)).
  
  Still, your system is very, very, nice and easy to use. I DO recommend it.
  
  Reply
- Lor Larson January 13th, 2010 at 11:15
  
  Larry
  
  Another Suggestion: You might also want to make a JavaScript Builder to build the code in the web page for a test using your system. I provide a lot of builders on my site to make things easy for teachers. Making a Builder for teachers using your great system would be very easy.
  
  Larz
  
  Reply
- Bragaru February 3rd, 2010 at 19:06
  
  Hello Larry!
  
  1.Can I collect the results of the quiz and send them into an e-mail after the last question?
  
  2.Can I have the next question depending by the previous one?
  Ex:
  Q1. Are you a male: Yes NO
  
  -clik on yes the second question will be: Q2. How old are you?
  -click on no the Q2 is: how tall are you?
  
  Thank you for your help!
  
  Reply
- Ritwik Bose April 18th, 2010 at 04:07
  
  Hi,
  
  Is there a possibility of implementing questions with varying marks and calculating the score as per the weightage given to individual questions ?
  
  Thanks & Regards
  Ritwik
  
  Reply
- make money online April 20th, 2010 at 08:56
  
  You made some good points here.Keep us posting. What template do you use in your site
  
  Reply
- bingo uk April 27th, 2010 at 06:50
  
  Good work, keep us posting, you are very good writer.
  
  Reply
- San Diego short sales May 2nd, 2010 at 05:57
  
  @Marco I know what your saying there . In the current economy its hard to find a company to work for that pays good enough to live on and is consistent. I have found that if you just work hard and are consistent you can go places . Look at the writer of this article, they are oviously hard working and have just been consistent over time and are now enjoying at least what would appear as somewhat of a success. I would encourage everyone to just keep hustling and moving forward.
  
  Reply
- Online Banking Issues May 3rd, 2010 at 12:36
  
  Just looking at your post on my brand new Garmin Phone , and I wanted to check if it would let me comment or if it was going to me go to a full pc to do that. Ill check back later to see if it worked.
  
  Reply
- randki online May 4th, 2010 at 07:47
  
  Just want to tell you that your site content is interesting, but you must improve site graphics
  
  Reply
- Bruno June 1st, 2010 at 16:58
  
  In multiList type, it’s possible to answer by just selection the radio button and not by clicking on the “check” button?
  How can I hide “quit” and “help” buttons? only with css?
  Is it possible to hide the questions when showing the result of each one?
  Many thanks!
  
  Reply
- Bruno June 2nd, 2010 at 11:02
  
  Larry, thanks a lot!
  I’ve send you some e-mail with my situation and with a bug that I found on ans that isn’t handling arrays correctly.
  Waiting for your answer as soon as possible.
  Many thanks!
  
  Reply
- doruk August 8th, 2010 at 15:08
  
  Hi. Thanks for this nice plugin. I try to use your plugin with Ezmark Checkbox and Radio button plugin. But because my javascripting is not good, i could figure out to make them work. Actually i can make Ezmark work in first stage as changing button, but when user click, the button does not change at all but your script got the answer and work. I think this is because both relay on :checked attribute. Can you offer me a way to solve this problem?
  
  Reply
- Ronnie August 20th, 2010 at 16:47
  
  Hey Larry,
  
  Great work on the plugin!
  
  Is there a way to add a custom text summary to the end of the quiz? Something like
  
  “Thank you for taking our quiz! If you would like more information, click here” Etc Etc
  
  Also, is there a way to always show ansInfo regardless if the question was correct or incorrect? Currently it only shows if the question was incorrect.
  
  Thanks for everything!
  -Ronnie
  
  Reply
- Nathan B August 27th, 2010 at 12:58
  
  I’m hoping to use this for my online courses. I’m wondering if there’s a way to get the plugin to pull questions from a MySQL database. Would that require JSON? Is there a pure PHP solution? Otherwise all questions have to be hardcoded in the JS, right?
  
  Reply
Leave a reply

Click here to cancel reply.

Name (required)

Mail (will not be published) (required)

Website

Spam Protection by WP-SpamFree

Bad Behavior has blocked 14 access attempts in the last 7 days.