Printable View
Hello,
Im using MX2004 pro and I would like to know if there is a way to have a series of questions loaded in to to flash for a quiz. I have found a few tutorials on this, but have only seen it done with multiple txt files per question. I need to have it randomly pick a question from 1 text file so that it can be easily updated. Any ideas? Thanks!
This is a modification of a similar script I wrote a couple of days ago for someone who wanted to load a list of animals.
Put the following into a file called questions.xml, and put the file
the same place the .swf is.
Then put this actionscript on frame 1 of your movie. It loads the questions into an array of question/answer pairs.Code:
<questionList>
<question q="What is furry and purrs?" a="A cat" />
<question q="What is furry and barks?" a="A dog" />
<question q="What is not furry" a="A shaved cat" />
</questionList>
- jimCode:
// XML Question Loader - Jim Bumgardner
qList = new Array();
// This is a recursive function that
// walks thru all the nodes in your XML
// and loads up the ones you're
// interested in into the qList array.
loadNode = function(it)
{
if (it.nodeName == 'question') {
var qPair = new Array();
qPair.q = it.attributes['q'];
qPair.a = it.attributes['a'];
qList.push(qPair);
}
else if (it.nodeName == "questionList")
{
// process any questionList properties here
// - there aren't any at the moment.
// Note that the 'questionList' tag is
// completely ignored - this will still
// work without that tag.
}
if (it.hasChildNodes()) {
for (var i = 0; i < it.childNodes.length; ++i)
loadNode(it.childNodes[i]);
}
}
// when this function is called, we're done loading
// - do something with your data.
// Most likely you want to jump to a frame in your movie where you play the game, but I'll just output a few values
function finishInit()
{
trace(qList.length + " questions loaded:");
// Pick a random question
var r = random(qList.length);
trace("a random question: " + qList[r].q);
trace("...and its answer: " + qList[r].a);
}
var myxml = new XML();
myxml.onLoad = function()
{
// initialize array again, in case
// we're calling this twice...
qList = new Array();
loadNode(this);
finishInit();
}
myxml.load("questions.xml");
// A common mistake is to attempt to access the data here. Don't -- it is not loaded at this point
// myxml.load() is an asynchronous function - it returns before it is finished.
// The finishInit() function (above) will be called when the data is ready to go...
Thanks for that. how would I go about displaying all of this on different frames so that it takes the form of a quiz? It also needs to determine whether or not the correct answer was selected. Thanks!Quote:
Originally posted by jbum
This is a modification of a similar script I wrote a couple of days ago for someone who wanted to load a list of animals.
Put the following into a file called questions.xml, and put the file
the same place the .swf is.
Then put this actionscript on frame 1 of your movie. It loads the questions into an array of question/answer pairs.Code:
<questionList>
<question q="What is furry and purrs?" a="A cat" />
<question q="What is furry and barks?" a="A dog" />
<question q="What is not furry" a="A shaved cat" />
</questionList>
- jimCode:
// XML Question Loader - Jim Bumgardner
qList = new Array();
// This is a recursive function that
// walks thru all the nodes in your XML
// and loads up the ones you're
// interested in into the qList array.
loadNode = function(it)
{
if (it.nodeName == 'question') {
var qPair = new Array();
qPair.q = it.attributes['q'];
qPair.a = it.attributes['a'];
qList.push(qPair);
}
else if (it.nodeName == "questionList")
{
// process any questionList properties here
// - there aren't any at the moment.
// Note that the 'questionList' tag is
// completely ignored - this will still
// work without that tag.
}
if (it.hasChildNodes()) {
for (var i = 0; i < it.childNodes.length; ++i)
loadNode(it.childNodes[i]);
}
}
// when this function is called, we're done loading
// - do something with your data.
// Most likely you want to jump to a frame in your movie where you play the game, but I'll just output a few values
function finishInit()
{
trace(qList.length + " questions loaded:");
// Pick a random question
var r = random(qList.length);
trace("a random question: " + qList[r].q);
trace("...and its answer: " + qList[r].a);
}
var myxml = new XML();
myxml.onLoad = function()
{
// initialize array again, in case
// we're calling this twice...
qList = new Array();
loadNode(this);
finishInit();
}
myxml.load("questions.xml");
// A common mistake is to attempt to access the data here. Don't -- it is not loaded at this point
// myxml.load() is an asynchronous function - it returns before it is finished.
// The finishInit() function (above) will be called when the data is ready to go...
Another way to work with one external txt file.
Your external Text File titled questions.txt
questionList=Question1?, Question 2?, Here is another question?, And yet another?, This one is actually a statement!
in you movie:
questionSet = new LoadVars(this)
questionSet.load("questions.txt");
questionSet.onLoad = function(success){
if(success){
questionsArray = new Array();
questionsArray = questionSet.questionList.split(",");
}
}
Now your questions can be accessed through the array.
questionsArray[1];
questionsArray[2];
questionsArray[3];
and so on.
or have i = your random number and...
questionsArray[i];
I'm not up on the XML method although I think I will use this as a reference and try to learn it.
_t
The questions would need to have the answers in them, as well as what the correct answer is. Do you think you could make an example of what you mean? Thanks!Quote:
Originally posted by Shotsy247
Another way to work with one external txt file.
Your external Text File titled questions.txt
questionList=Question1?, Question 2?, Here is another question?, And yet another?, This one is actually a statement!
in you movie:
questionSet = new LoadVars(this)
questionSet.load("questions.txt");
questionSet.onLoad = function(success){
if(success){
questionsArray = new Array();
questionsArray = questionSet.questionList.split(",");
}
}
Now your questions can be accessed through the array.
questionsArray[1];
questionsArray[2];
questionsArray[3];
and so on.
or have i = your random number and...
questionsArray[i];
I'm not up on the XML method although I think I will use this as a reference and try to learn it.
_t
What kind of questions? Do mean like multiple choice or something?
_t
Why don't you make a simple mockup of how you want your quiz to look, with a sample question or two, and post the .fla here.
Then it will be easier for us to work these examples into your framework...
- jim
heres an exmaple of a tuturial I found here on flash kit. This is the exact format I would want it in, except the questions that are loaded in are in separate text files. i would like them to come all from one.
Okay, I fixed it to load all the questions from a single XML file (enclosed). I pretty much overhauled all the scripts - it's much simpler now (all except the XML parser on the first frame, which is obtuse).
The questions are loaded once in the first frame and randomly shuffled.
Then the quiz loops thru the questions, by incrementing questionNbr.
The maximum score is no longer hard-coded at 50, but dynamically calculated as number of questions times 10.
Modify the questions.xml file to add more questions to the quiz.
- jbum
Awesome, that works perfect! Thanks so much, I owe you one!Quote:
Originally posted by jbum
Okay, I fixed it to load all the questions from a single XML file (enclosed). I pretty much overhauled all the scripts - it's much simpler now (all except the XML parser on the first frame, which is obtuse).
The questions are loaded once in the first frame and randomly shuffled.
Then the quiz loops thru the questions, by incrementing questionNbr.
The maximum score is no longer hard-coded at 50, but dynamically calculated as number of questions times 10.
Modify the questions.xml file to add more questions to the quiz.
- jbum
Yes you do. :) Got any small children or extra limbs?
one more question. Say I have 10 questions in the file, what part of the code would I have to modify to only pull out say 5 of those questions?
I'm trying to develop a multiple choice quiz just like described in this thread but I can't open the quiz sample made by jbum. Flash displays an error message "unexpected file format". Can anyone help me with a good sample of a quiz made with flash and xml?
I'm using Flash MX.
Hi There ... this helped me a lot getting a quiz on our
sailingclub website...
Is there a way to showing the RIGHT answér when you hit a wrong:
Like
Wrong
the rights answer is: Because its fun! (C ans_c='Because its fun!')
Have a nice day
This was very useful. Much obliged. I have adapted it for the non-profit Texas State Historical Association, and am working on making it fully accessible through JAWS. I am still tweaking this, and am interested in knowing the answers to the two questions above my post.
Can you add more questions to the .xml but limit the number of questions asked, or can you create multiple .xml files that are randomly loaded each time the quiz reloads?
If you have an answer statement that corresponds to the individual question, can that text be loaded in the feedback screens?
You can see the file embedded in a php-rendered html page at http://www.tsha.utexas.edu/supsites/quizshow/index.html
I would like to add the .fla here, but it is larger than allowed. I will email it directly if anyone wants to look at it.
Thanks for any assistance or feedback!
Hey Please can you send it to [email protected] ??..................am dieing to have that stuff.
Thanks
To answer KMF's question about having 10 questions in the file, replace this code:
maxscore = qList.length*10;
// randomly shuffle list of questions
qList.sort(function() { return random(3) - 1;});
questionNbr = 0;
with this code:
qList.sort(function() { return random(3) - 1;});
questionNbr = qList.length-5;
// determine maximum score
maxscore = (qList.length-questionNbr)*10;
To answer flemming's question:
on the "wrong" frame add a dynamic text field the the variable name of “right” then add another dynamic text box the the field name of choice. Then put some static text next to the boxes that reads “Your choice” next to the “choice” variable field, and “Correct Answer” next the “right” field.
Then you can also add fields that display what the correct and incorrect answer text was if you would like, with this code on the wrong frame:
if(choice=="a") {
wtext=answera;
}
if(choice=="b") {
wtext=answerb;
}
if(choice=="c") {
wtext=answerc;
}
if(choice=="d") {
wtext=answerd;
}
if(choice=="e") {
wtext=answere;
}
if(choice=="f") {
wtext=answerf;
}
if(right=="a") {
ctext=answera;
}
if(right=="b") {
ctext=answerb;
}
if(right=="c") {
ctext=answerc;
}
if(right=="d") {
ctext=answerd;
}
if(right=="e") {
ctext=answere;
}
if(right=="f") {
ctext=answerf;
}
stop();
Then add a field under the choice field with the variable name of “wtext”, and another field under the right field with the variable name of “ctext”.
As for the feedback option. You can do this by adding an extra tag into the XML file like so:
<question q='Who was the First President?'
ans_a='Ulysses S. Grant'
ans_b='Harry Truman'
ans_c='Abraham Lincoln'
ans_d='Albert Einstein'
ans_e='Barny Rubble'
ans_f='George Washington'
>>>>> ans_wrong='Incorrect Feedback would appear here if there was any.'
right='f'>
my choice for the tag was “ans_wrong” as shown above next to the arrows (be sure to remove these in the actual XML file). Then go to frame 2 of your FLA and enter this code under the last letter choice declaration.
feed = qList[questionNbr].ans_wrong;
Then add a another dynamic field on the wrong frame and give it the variable name of “feed”. Any questions, please feel free to ask.
Can you please email to me too? Please. Thank You
email: [email protected]
Hi I am developing some kind of a quiz for my personal website and would very much need your assistance here. Could you email me the .fla. Thanks in advance.Quote:
Originally Posted by char74
[email protected]
Hi could anyone tell me what is going wrong with my quiz? I want to randomise the order by telling Flash to assign the variable shufflearray to the question nodes but it doesnt seem to work when I try this.
The code is below:
function QuizItem(question)
{
this.question=question;
this.answers=new Array();
this.numOfAnswers=0;
this.correctAnswer=0;
this.getQuestion=function()
{
return this.question;
}
this.addAnswer=function(answer, isCorrectAnswer)
{
this.answers[this.numOfAnswers]=answer;
if (isCorrectAnswer)
this.correctAnswer=this.numOfAnswers;
this.numOfAnswers++;
}
this.getAnswer=function(answerNumberToGet)
{
return this.answers[answerNumberToGet];
}
this.getCorrectAnswerNumber=function()
{
return this.correctAnswer;
}
this.checkAnswerNumber=function(userAnswerNumber)
{
if (userAnswerNumber==this.getCorrectAnswerNumber())
gotoAndPlay(22);
else
gotoAndPlay(32);
}
}
function onQuizData(success)
{
var quizNode=this.childNodes[0];
var quizTitleNode=quizNode.firstChild;
title=quizTitleNode.firstChild.nodeValue;
var i=0;
// <items> follows <title>
var itemsNode=quizNode;
while (itemsNode.childNodes[i])
{
var itemNode=itemsNode.childNodes[i];
// <item> consists of <question> and one or more <answer>
// <question> always comes before <answer>s (node 0 of <item>)
var questionNode=itemNode.childNodes[0];
quizItems[i]=new QuizItem(questionNode.firstChild.nodeValue);
var a=1;
// <answer> follows <question>
var answerNode=itemNode.childNodes[a++];
while (answerNode)
{
var isCorrectAnswer=false;
if (answerNode.attributes.correct=="y")
isCorrectAnswer=true;
quizItems[i].addAnswer(answerNode.firstChild.nodeValue, isCorrectAnswer);
// goto the next <answer>
answerNode=itemNode.childNodes[a++];
}
i++;
}
//I think you need to make an array 1 to maxNumberOfQuestions i.e
function sortRand () {
if (random(2) == 0) {
return -1;
}
if (random(2) == 0) {
return 1;
}
}
questionarray = [1,2,3,4,5,6,7,8,9,10,11,12];
shuffledArray = questionarray.sort(sortRand); //trace(shuffledArray);
//use this shuffled array to access different nodes of your quiz xml i.e.
nextQuestion = QuizItem[shuffledArray[0]]; <!--This is the line -->
delete shuffledArray[0];
//then delete shuffledArray[0]
////////////
gotoAndStop(12);
}
var quizItems=new Array();
var myData=new XML();
myData.ignoreWhite=true;
myData.onLoad=onQuizData;
myData.load("Quiz 1 - How youll develop the skills & reasons -1144.xml");
Thanks
Chris Girgg
Hi I am developing some kind of a quiz for my personal tutorial in flash and am in need of some help here. Could you email me the .fla. Thanx in advance.
[email protected]
thanx again
Hopefully someone is still reading this...
I stumbled across this thread a few weeks back and it has proven invaluable in creating a reusable quiz framework for a client who is setting up interactive kiosks inside a large facility. My sincere thanks to everyone who contributed. However...
I have added an "explanation" attribute to the XML question tags, so that after an answer is chosen, they are shown "right" or "wrong" and then an explanation comes up which shows the correct answer and some extra information. Like so:
<question q="Which planet is closest to the Sun?"
ans_a="Pluto"
ans_b="Mercury"
ans_c="Uranus"
ans_d="Saturn"
ans_exp="Mercury is the innermost planet in our solar system, orbiting the Sun once every 88 days."
right="b">
This works beautifully, but the problem now is that the client wishes to add some HTML/CSS support to the explanation, to highlight the correct answer within the text (ans_exp="<b>Mercury</b> is the innermost planet ..." with the <b> being styled with inline or an external CSS doc).
But of course adding HTML tags to the <question> tag attributes breaks the XML load.
I'm relatively new to using XML in Flash, but I'm thinking that the most likely change that needs to be made is to set up the XML using nested elements instead of attributes, like so:
<question>
<q>Which planet is closest to the Sun?</q>
<ans_a>Pluto</ans_a>
<ans_b>Mercury</ans_b>
<ans_c>Uranus</ans_c>
<ans_d>Saturn</ans_d>
<ans_exp><b>Mercury</b> is the innermost planet in our solar system, orbiting the Sun once every 88 days.</and_exp>
<right>b</right>
</question>
However, I have no idea how to accomplish this transition.
Is this the correct approach? Is there an easier way?
You'd need to wrap your HTML text inside a CDATA tag in order to avoid breaking the XML...ie:
code:
<ans_exp><![CDATA[<b>Mercury</b> is the innermost planet in our solar system, orbiting the Sun once every 88 days.]]></and_exp>
Consequently you'll need to adjust your XML parsing to drill down another node into the CDATA...
HTH,
K.
deadbeat - Thanks for the response. However, I'm still working from an XML file that uses single <question> tags w/attributes, like so:
<question q="Which planet is closest to the Sun?"
ans_a="Pluto"
ans_b="Mercury"
ans_c="Uranus"
ans_d="Saturn"
ans_exp="Mercury is the innermost planet in our solar system, orbiting the Sun once every 88 days."
right="b">
And I can't put the CDATA tag within the attribute...
Well, then you'll either need to restructure the XML, or abandon the idea of adding HTML tags to it...
K.
Right. And what I'm asking is, if I restructure the XML, how do I get the AS to parse it?
Maybe this phrases the question better:
The following AS:
[frame 1]
[frame 2]Code:qList = new Array();
nbrUsed = 0;
loadNode = function(it) {
if (it.nodeName == 'question') {
var qSet = new Array();
qSet.q = it.attributes['q'];
qSet.used = false;
qSet.ans_a = it.attributes['ans_a'];
qSet.ans_b = it.attributes['ans_b'];
qSet.ans_c = it.attributes['ans_c'];
qSet.ans_d = it.attributes['ans_d'];
qSet.ans_exp = it.attributes['ans_exp'];
qSet.right = it.attributes['right'];
qList.push(qSet);
}
if (it.hasChildNodes()) {
for (var i = 0; i < it.childNodes.length; ++i)
loadNode(it.childNodes[i]);
}
}
function finishInit() {
trace(qList.length + " questions loaded");
qList.sort(function() {return random(3) - 1;});
questionNbr = qList.length-5;
maxscore = (qList.length-questionNbr);
gotoAndPlay(2);
}
var quizXML = new XML();
quizXML.onLoad = function() {
qList = new Array();
loadNode(this);
finishInit();
}
quizXML.load("quiz.xml");
Parses an XML document with multiple tags like this:Code:if (questionNbr >= qList.length)
gotoAndPlay("end");
question = qList[questionNbr].q;
answerA = qList[questionNbr].ans_a;
answerB = qList[questionNbr].ans_b;
answerC = qList[questionNbr].ans_c;
answerD = qList[questionNbr].ans_d;
explain = qList[questionNbr].ans_exp;
right = qList[questionNbr].right;
This works perfectly. What I WANT to be able to do is include HTML tags inside the text. So, assuming I restructure the XML like so (with CDATA tag as per deadbeat's response):Code:<question q="Which planet is closest to the Sun?"
ans_a="Pluto"
ans_b="Mercury"
ans_c="Uranus"
ans_d="Saturn"
ans_exp="Mercury is the innermost planet in our solar system, orbiting the Sun once every 88 days."
right="b">
What has to happen to the AS to properly create the question array from this new XML?Code:<question>
<q>Which planet is closest to the Sun?</q>
<ans_a>Pluto</ans_a>
<ans_b>Mercury</ans_b>
<ans_c>Uranus</ans_c>
<ans_d>Saturn</ans_d>
<ans_exp><![CDATA[<b>Mercury</b> is the innermost planet in our solar system, orbiting the Sun once every 88 days.]]></ans_exp>
<right>b</right>
</question>
Something like this should work:
code:
if (it.nodeName == 'question') {
var nodes=it.childNodes;
qSet.q = nodes[0].firstChild.nodeValue;
qSet.used = false;
qSet.ans_a = nodes[1].firstChild.nodeValue;
qSet.ans_b = nodes[2].firstChild.nodeValue;
qSet.ans_c = nodes[3].firstChild.nodeValue;
qSet.ans_d = nodes[4].firstChild.nodeValue;
qSet.ans_exp = nodes[5].firstChild.nodeValue;
qSet.right = nodes[6].firstChild.nodeValue;
qList.push(qSet);
}
K.
Okay, this code appears to be loading the restructured XML file (the trace(qList.length) is showing the correct # of questions loaded), but none of the question or answer text fields are displaying text.
Does the frame 2 code (below) need to change at all?
Code:// Select next question in array (which is already randomly shuffled)
if (questionNbr >= qList.length)
gotoAndPlay("end");
question = qList[questionNbr].q;
answerA = qList[questionNbr].ans_a;
answerB = qList[questionNbr].ans_b;
answerC = qList[questionNbr].ans_c;
answerD = qList[questionNbr].ans_d;
explain = qList[questionNbr].ans_exp;
right = qList[questionNbr].right;
Try adding a couple of traces for debugging purposes:
code:
if (questionNbr >= qList.length)
gotoAndPlay("end");
}
trace("length= "+qList.length);
trace("questionNbr= "+questionNbr);
var item=qList[questionNbr];
trace("item= "+item);
for(var i in item){
trace(i+" = "+item[i]);
}
K.
Getting back to the original post about creating a Quiz....
Everything is working perfectly for me as is, but I would like to add in one more function. My quiz has 3 difficultly levels. I've modified the quiz that Jim originally posted to jump to a frame called 'round2' when all the questions have been answered correctly. This part works fine.
Once in 'round2' I duplicated the movieclip that ran the initial set of questions and just modified the code to look for 'questions2.xml' (as opposed to 'questions.xml' in the 'round1' movieclip. The problem I get is that the movie automatically jumps to the end (as the code tells it to do in frame 2 if all the questions have been answered). I tried removing this line of code to see where the problem started and now whereever the questions/answers should be displayed it says 'undefined / undefined / undefined /undefined / undefined'.
Is this happening because it's using the same code as before to look in an Array for what's been used and what hasn't? I tried adding a 2 to all the functions and variables (i.e. q is now q2 / question is now question2) and still nothing.
Little help...
- Chris
Nevermind. There was a problem with my 'questions2.xml' file. I had an apostrophe in one of the questions and that was screwing everything up. It works fine now.
Hey All,
how would I change the code above to pause before going to the next question?
I know I would need to make the button invisible until the user clicked the answer but I am a newbie at actionsript and am not quite sure how to proceed
I PM'ed you char74 hope that doesn't bother you...I wanted to know if I could get a opy of what you did on the Texas site...I was able to get jBums script to work, however I need the ability to provide feedback..I have a clcunky way of doing it...but it doesn't keep score correctly after I hit the next button...I would love to see your end result .FLA hopefully now my haor will start growing back.
Thanks I will PM you my email address
How do you put a pause button to allow the user to see the feedback....I tried your code and it shows the feeback at lightning speedQuote:
Originally Posted by jweeks123
Hi,
Now I would like to random the answers. How can I do that? Thanks for your help.