Creating a exam page

sounds like you will need something more than just pure HTML. Are you famaliar with ASP and do you have access to any sort of web server?

-amit

I know a little about ASP, I have created before a ASP page that connected to a data base.

I want something that I can build and burn on a cdrom, for exam taking

I dont have access to a web server.

http://timbo87.home.comcast.net/temp/quiz/Q1.html

This runs entirely in HTML and JavaScript and needs no server, only a computer with a web browser. As of yet I haven't written any checks to make sure that the user enters a value. Also, if you vote again before the next question loads it will answer as undefined, but this won't be an issue since it's running off a CD. Please have a look at it and tell me what you think. If you like this, please tell me and I will further develop it into a final product.

Nice.  It's even NS compatible.

Timbo87,
Can you post the code here that you used in your example, for reference?

Thanks,
georgemarian

Hi George,

I'll post the full code with documentation once an answer is accepted.

It's just a matter of protocol - whatever is being discussed in the thread should be readily available to all the contributors (in case your site goes down, etc.) It really should be posted either way...

thanks.

Hi George,

I'll do that as soon as it's 100% complete. As of now it still needs a few things added like I mentioned above and I wanted to make sure it was an acceptable solution before I posted it. (Don't want to post unfinished code) I can give an explanation of how it works though.

The first thing it does is scans to find which radio button is picked. I have the values for each radio button as "A", "B", "C", and "D". It stores the current URL in a string, then uses indexOf to location the "html" extension. I use a substring to read everything after "html" and store it in the variable astring. It then changes the URL of the page to Q(next question number).html?(anything stored in astring) + (the current answer) + ",". It does this for each page. I stored the answers values in the address bar because that's about the only way to transfer data between documents in pure HTML/JavaScript. The last page reads the astring, which by now looks something like this "A,C,B,D,A,"..etc and breaks it up every two characters and stores it in an array, so it stores like this:
answers[0] = "A"
answers[1] = "C"
The data is displayed with a loop that reads from the array and writes the values with the associated questions.

Hope this clears it up a bit. I'll post the final code as soon as its final right here.

I've added error checking and spruced up the output page a little. If you want to accept the answer please contact me at (Removed by Computer101) and I can walk you through customization and some other points of the script and give you an HTML CD autolauncher I made.

why not use a single page for that? using separate <div> tags so you won't transfer HTML inputs through Query Strings?

Sorry about that. It's a lot of code and it's broken up a bit by page. I'm not sure how much CMiller has done with JavaScript so it may be a bit tricky to set up without prior JavaScript knowledge. I'll post the code and see how it goes.

Timbo87, Great Job

I was able to get all working even creating a new page ( 11 ) , how can I make a question
that there might be two, three ... answers ( a checkbox ). Also, If I want to have a index page
what would need to be in there to point to the first question, Just a link?

Can you post code for the HTML CD autolauncher, I want to burn a test cd.

Again Great Job, I will be increasing points for you

Chris

Hi Chris,

I'll work on modifying the code so it supports multiple answers. You can link to Q1.html like any other link. I made a BAT file autolauncher which will work on any Windows computer.

Make a file named autorun.inf and put this in the file:
[autorun]
open=run.bat

Next make a file named run.bat and put this in the file:
@echo off
index.html

Rename index.html to whatever the first page you want display is. If you put the quiz in a subfolder, for example, named quiz, make sure you update the BAT file like this:

@echo off
cd quiz
index.html

autorun.inf must be in the root CD directory and I recommend putting run.bat in there, too.

Will the checkbox pages only have checkboxes or will they have checkboxes and radio buttons?

Hi Chris,

Here's a modified version that supports checkboxes. I've remade QFinal.html.

QFinal.html

<html>
<head>
<title>Results</title>
</head>
<body>
<center>
<h2>Results</h2>
</center>
<br>
<script language="JavaScript" type="text/javascript">
wn = window.location+""
var answers = new Array()
var astring = wn.substring(wn.indexOf("html") + 5,wn.length)
var ancnt = 0

for(i=0;i<astring.length;i++)
{
if(astring.charAt(i) == ",")
{
ancnt++
continue;
}
if(answers[ancnt] == null) answers[ancnt] = ""
answers[ancnt] += astring.charAt(i)
}

for(j=0;j<answers.length;j++)
document.write(j+1 + ". " + answers[j] + "<br>")
</script>
<br>
<center>
<input type="button" value="Print Results" onClick="window.print()">
</center>
</body>
</html>

Here's an example "Question 11" I know you've already made one but this connects with the example above. All you need to do is rename it and make sure to change the nextq variable.

Q11.html

<script language="JavaScript" type="text/javascript">
function submitAnswer(f)
{
var ans = ""
var found = false
var nextq = "Final"
for(i=0;i<f.ques.length;i++)
{
if(f.ques[i].checked)
      {
            ans += f.ques[i].value
            found = true
      }
}
if(!found)
{
      alert("Please choose an answer.")
      return false
}
var wn = window.location+""
var astring = wn.substring(wn.indexOf("html") + 5,wn.length)
window.location = "Q" + nextq + ".html?" + astring + ans + ","
}
</script>
<form name=qu>
Question 11
<br>
<input type=checkbox name="ques" value="A"> Answer A
<br>
<input type=checkbox name="ques" value="B"> Answer B
<br>
<input type=checkbox name="ques" value="C"> Answer C
<br>
<input type=checkbox name="ques" value="D"> Answer D
<br>
<input type="button" value="Next" onClick="submitAnswer(qu)">
</form>

As I said above, if you want one that mixes checkboxes and radio buttons, please tell me and I'll rewrite the code to include them.

Timbo87,

All works great, Yes, I just wanted radio or check boxes not both in the same question.

Thanks for the HTML autorun, I changed the run.bat to

@echo off
start index.html

This way the cmd window will close after the index.html loads

I wanted to find out if you would like to continue to work on this project, I would post another question.

I would like to have it check against answers on the QFinal.html or what ever it would take to
do it. Sorry this is a after thought.

Example:

RESULTS

1. A         Correct ( Have this text in green)
2. B         Wrong ( Have this in red ) A is the correct answer



At the bottom of the QFinal page have a box like a " Next " box for each question, where I could click to go to that question or would it be best to just add a link. So, it would then go to Q2 and I could review, then I guess I could click the back button in the browser and it would take me back to the QFinal page. What would it take to get it to score a %.

Thanks
Chris

Hi Chris,

Thanks for the points. Everything you suggested is feasible in JavaScript, including a scored percentage. The only little quirk is that by the nature of JavaScript, the answers would be available by viewing the source code on QFinal.html, although I can hide them a bit so it's not blatantly obvious. If you'd like to post this as a separate question I can probably get you working code by tomorrow (Friday).

Thanks,
Tim

New Post

https://www.experts-exchange.com/questions/20810611/Creating-a-exam-page-II.html