Discuss "image problem" in the ASP Development forum.

todd2006 · #1 (**permalink**) June 6th, 2008, 12:42 PM

Hi,

I have 18 questions for a quiz.

Once one question is answered the second question is displayed

when you answer the second question third question is displayed
i want to show the progress bar at the bottom which shows them how many questions they answered

so the progress bar will be from 0 to 100% completed

i will have a gif which will expand every time a question is answered

So when a user answers question one

i store one in this variable noofanswers

But when i display the gif image it shows me one instead of the image

Code:

<%
 For int_Counter = 1 TO noofanswers

  Response.Write("<script language=""JavaScript"">Progress.innerHTML='<img src=finalprogress.gif height=20 width=" & int_Counter * 2 & ">';</script>")
  Response.Flush
 Next
%>

can someone tell me what i am doing wrong

jmurrayhead · #2 (**permalink**) June 6th, 2008, 12:52 PM

Not sure, but first I would handle this a different way.

Retrieve the total number of questions and the total number the user answered.

Take the number answered and divide it by the number of questions.

Then place that percentage as the width of the progress bar.

So if a user has 10 questions but has only answered 4, the calculation would be 4/10 or 40%.

todd2006 · #3 (**permalink**) June 6th, 2008, 01:00 PM

tried it like this

Code:

totalquestions="18"
widthofimage=noofanswers/totalquestions

<img src="images/finalprogress.gif" height="20" width="<%=widthofimage%>"/>

doesnt work just shows the %

todd

jmurrayhead · #4 (**permalink**) June 6th, 2008, 01:04 PM

Are you sure noofanswers has a value?

Also, assign actual numbers to your variables, not strings:

Code:

totalquestions="18"

should be:

Code:

totalquestions = 18

todd2006 · #5 (**permalink**) June 6th, 2008, 01:05 PM

i even tried it like this

widthofimage=noofanswers/totalquestions*100

todd

todd2006 · #6 (**permalink**) June 6th, 2008, 01:10 PM

thanks for your reply.
here is the new code

Code:

totalquestions=18
Response.write "Total Questions:-" & totalquestions& "<br/>"
Response.write "Answered Questions:-" & noofanswers& "<br/>"

widthofimage=noofanswers/totalquestions*100
widthofimage=Round(widthofimage,2)

<img src="images/finalprogress.gif" height="20" width="<%=widthofimage%>"/>

Same thing the outout is 5.56 after a user answered question 1

todd

jmurrayhead · #7 (**permalink**) June 6th, 2008, 01:15 PM

What does this output?

Code:

totalquestions =18
Response.write "Total Questions:-" & totalquestions& "<br/>"
Response.write "Answered Questions:-" & noofanswers& "<br/>"
 
widthOfImage = (noOfAnswers/totalQuestions)

<img src="images/finalprogress.gif" height="20" width="<% =FormatPercent(widthOfImage,0) %>"/>

todd2006 · #8 (**permalink**) June 6th, 2008, 01:20 PM

wow one step closer

it displays the image now but its HUGE HUGE

any idea

todd

jmurrayhead · #9 (**permalink**) June 6th, 2008, 01:23 PM

Which way is it huge? width or height? You should set the height using 20px not just 20.

todd2006 · #10 (**permalink**) June 6th, 2008, 01:28 PM

Buddy,

you are awesome thanks for your help. I will have another question on this image. Let me try it first before i ask

have a great day

todd

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Discuss "image problem" in the ASP Development forum.

ASP Development - Learn coding practices and tips to get the best out of your Active Server Pages (ASP). The Classic ASP forum is for ASP/VBScript and ASP/JScript applications.