jQuizMe 2.0 Released.

Posted by Larry on July 5, 2009 Leave a comment (123) Go to 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/

Please email if me, if your questions haven’t been posted within 2 days.

Uncategorized

← Moving Releases to Google Code.

Book Review: Free $ for College →

Esquire

Hi, loving this script, But im kinda stuck.. So maybe someone in this forum can give me a hint..

I have the code: (appx line 464)
(lang.stats.right + “: ” + stats.rightAns.length),

Id like the (stats.rightAns.length) part to be written in to a hidden form element. like how do I go about creating innerHTML type content i this context (Jquery)?

// Tnx
Matt Riney

Sometimes the check and next buttons get covered up in my quiz. It seems to be based on the length of the text in my questions and/or answers. Please help.

http://www.bateru.com Larry

Could you please email me a test file?

http://www.societe-ecran.tv Ian

Fantastic piece of software.
One question though: can you display ansInfo if the answer is correct? So far it only prints out when it is wrong.
Thanks a million

http://www.bateru.com Larry

I included a new option call alwaysShowAnsInfo.
If set to true, then the answer information will always be shown for an every questions.
This will be available in jQuizMe 2.2. It will be release on Sunday. I just need to finish the documentation and a few test.

Adam

I want to use this but I cannot figure out how to add links and images to answers and questions. Has anyone done this. I am looking for samples. THANKS!
Adam

Anyone have a sample of this with images? I would like to display a different photo above the quiz with each question.
Adam

I am Flash developer having to learn JS. I have been trying to get the quiz to load a new image above the quiz area with each new question, with no luck. Can anyone provide some help or send me a link to a sample of one someone has produced. Thanks!

http://bateru.com Larry Battle

Hey Adam,
Question:
I want to have the photo above the quiz change each time a new question is loaded. Is this possible?
Answer:
You can do this by using option.statusUpdate in the manner below.

### Code ###
getNewImageHref( i ){ var href = [ // "http://location_of_image 1", // "http://location_of_image 2", // ..., // "http://location_of_image n" ]; return href[ i || 0 ]; };
options.statusUpdate = function( quizInfo, $currQuiz ){ $( "#image" ).attr( "src", getNewImageHref( quizInfo.currIndex ) ); };
$.jQuizMe( quiz, options );
### End of Code ###

Question: I have also been trying to get ansInfo to work with this quiz as well so I can display links after the question is answered.
Answer:
Use the pre-release of jQuizMe 2.2.
There is an example of how to always show the answer information for every question.

http://amazon.com Liz

I love jquizme. It is enabling us put out training course much faster!

Is there a way to:
Have multiple answers for a multiple choice quiz?
Have spelling alternatives for a fill in the blank quiz?

Thank you!

L

http://www.bateru.com Larry
Question:
Have multiple answers for a multiple choice quiz?
Answer:
This has to be a new quiz type that I will add in the future.

Question:
Have spelling alternatives for a fill in the blank quiz?
Answer:
Yes. The answers for fill in the blank are not case sensitive. So “answer” is the same as “ANSwer”.
To have multiple spellings for fill in the blank quiz type, make the answer property an array, with the elements being the acceptable words.

Example:
The following question takes 3 different spellings for the word answer.
```
var quiz = [{
ques: "Please type in the word 'answer'.",
ans: [ "ans", "answer", "answers" ]
}];
```

http://amazon.com Liz

Thanks, Larry!
1 for 2… not too bad! I’ll put in my request for the Multiple answer multiple choice.
Liz
http://amazon.com Liz

Actually, I am finding that the it *is* case sensitive and the funky spellings I’m allowing show up as well. . See http://ekatz.s3.amazonaws.com/ISS.gif

Liz
http://www.bateru.com Larry

What version of jQuizMe are you using?

http://www.wanluqman.com/news.php?id=132 wanluqman

Thank you Larry for sharing your awesome jQuizMe.
http://www.mbtron.sk mbtron

Sorry, my english is poor. I try explane clearly.
I am using version 2.2.
If I use somethig like this:

“multiList”:[
{
ques: "Dopl?te vhodné ?íslo do riadku. ",
ans: "",
ansSel: ["","","",""],
ansInfo : “Viac info …”
}, ….
Show is Ok, but if there is any html like in the answer it will not recognize it as the right answer and results
reports all answers incorrect.
The link for this example:
http://www.mbtron.info/sarisskemichalany/iq2/example.html
http://www.mbtron.sk mbtron

Sorry, in the blank ” ” must be img tag, multiList is in utf-8.

http://www.bateru.com Larry
Hey mbtron,
Thanks for the report and test file.
The problem seems be that the multiple choice quiz type isn’t selecting the whole answer when the user clicked a selection.
I’ll look into this more and get back to you on Sunday.

Also, lang is the third argument, not the second. That’s way the language isn’t changing.
1 2 3
$( "#quizArea" ).jQuizMe(quiz,lang); //WRONG. $( "#quizArea" ).jQuizMe(quiz, null, lang ); //Right

http://www.harbinger-industries.net/ gabrlknght

Larry, your quiz is great and it has been a tremendous help for me. One question: how could I add a custom boilerplate or text at the end of the review that gives meaning to the percentage of how many missed? Client wants a custom statement of how a person did on the quiz itself. I can hack it in I’m sure, but I’m wondering if there’s a cleaner way to do it. Thank you!

http://www.bateru.com Larry

Could you please provide an example?
I think you could use options.statusUpdate to solve your problem.
Elechtron

This works for me:

options.statusUpdate = function( quizInfo, $currQuiz ){
if( quizInfo.hasQuit ){
if( quizInfo.score = someValue){
$(“blockquote.q-statDetails”).append ( “someText” );}
else if(quizInfo.score = someOtherValue) {$(“blockquote.q-statDetails”).append ( “someOtherText” );}
else {$(“blockquote.q-statDetails”).append ( “someThirdText” );}
…etc…
}
};

Adilon

Hi larry,

Is there an easy way to disable score at the end of the quiz?

Thank you!

Larry Battle

Hide the element that contains the score information when the quiz is quit.
You can do this by using statusUpdate in the options.

var options = {};
	options.statusUpdate = function( quizInfo, $quiz ){
		// If the quiz has quit, then hide the score element.
		if( quizInfo.hasQuit ){
			$(".q-statTotal", $quiz ).hide();
		}
	}
	$( "#quiz3" ).jQuizMe( quiz3, options );

Adilon

Hi Larry!

Thank you very much for the tip! Maybe you should update the wiki on this topic, I had the hell of it to understand how statusUpdate works, also I have an issue with animation, I use firefox 4, and the quizme version I use is 2.2, as in the example you use in the zip file of this release, my quiz div doesn’t animate, not in firefox, not in IE. I didn’t tweak or change any of the animation parameters, it’s all by default. Any ideas?

thank you
Anonymous

Yeah, you’re right. I need to update the documentation.
I’ll see what I can do this weekend.

Gamecat2300

Hi,

Thanks for a great plugin! I do have a bit of a question:
I was trying to cause the .q-check-btn to trigger upon select of the radio. I tried using the method mentioned below:
$( “#quizArea” ).delegate( “.boxChoice”, “click”, function(e){
var $checkBtn = $(e.target).parent().parent().parent().parent().find( “.q-check-btn” );
$checkBtn.click();
});

However that doesn’t have any effect… Is there another way you can think of to achieve this?

=-S-=

Gamecat2300

Hi,

Never mind that question… found the issue.

=-s-=

Gamecat2300

Hello,

Is there anyway to use a select div vs. the radio button? The goal is to have div’s be the select options… onclick of one the .q-check-btn is run.

=-s-=
gamecat

Hi,

Great plug-in. I am trying to position a background image based on “correct’ or “incorrect” answers. If a user makes a correct answer the image would position itself. If another correct answer is submitted the background image would move again, etc. The same to be applied to “incorrect” answers. There are actually 2 images to be used in 2 separate locations, using the same logic. Any ideas on how I could achieve this?

-Steve

sjh

Can this be done via status update and if so how would that be achieved?

=-s-=

Steve

Hi Larry,
Great plugin Thanks! How can we modify the results page to display certain images and/or text based on a users success? In that question how can we modify the layout of that page?

=-Steve
Kat

Hi Larry,
Sorry in advance if this has been addressed (couldn’t find it anywhere). Is there any way to provide a custom explanation for each question after the user clicks on “Check”? The explanation would be there whether the user responds correctly or not. Thanks in advance!

Anonymous
The options alwaysShowAnsInfo might be what you’re looking for.
The default value is false.
All the settings are in the _settings variable in jQuizMe-2.2.js

Here’s a link.
Link: http://code.google.com/p/jquizme/source/browse/releases/pre-release%20of%20jQuizMe%202.2%20fixed/jQuizMe-2.2.js

Line: from 207, to 234

So you might want to try this.
var quiz = { // questions and answers go here.... }; var options = {}; options.alwaysShowAnsInfo = true; $( "quiz" ).jQuizMe( quiz, options );

Sankumard

Any option for displaying checkbox for selecting multiple answer

Anonymous

No. That needs to be added.

Laurent

Hello,
Great job you’ve done!!
I was wondering if there is a way to display a set of question at one time, and not only one?
Thanks for your work
Laurent

Anonymous

That feature will be in the next release. I’m trying to push it so that it’s release before Feb 13, 2012.

S	M	T	W	T	F	S
« Apr				Oct »
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Learning is bateru

Writing software and articles to help improve understanding. – Larry Battle