Olá GUJ, sou novo aqui, não sei se estou postando no local adequado, caso não esteja no local correto peço que movam o tópico.
Sem mais delongas meu problema é o seguinte:
Quero utilizar esse sistema de quiz mas ele não abre a segunda etapa do quiz, no caso, a parte que mostra o resultado das questões, porém, isso só acontece quando uso o Firefox, já testei no Chrome, Opera e IE e funciona em todos.
Gostaria de saber porque isso acontece e se podem me auxiliar nesse problema que está acontecendo, pois sou leigo nessa área.
Grato desde já!
O quiz em questão se encontra aqui:
http://www.facebook.com/pages/Troll-Lador/271041822962046
O código é esse:
<!--DEFINE AS FONTES USADA NAS PERGUNTAS E RESPOSTAS-->
<style type=text/css>
#center{font-family:arial;font-size:8pt;color:#696969;}
#pergunta{background-color:#fefefe;font-family:arial;font-size:8pt;color:#696969;}
#resposta{background-color:#fefefe;font-family:arial;font-size:8pt;color:#696969;}
#input{border:1px solid #cccccc;background-color:#fefefe;font-family:arial;font-size:8pt;color:#696969;}
#normal{font-family:arial;font-size:8pt;color:#696969;text-decoration:none;}
input{font-family:arial;font-size:8pt;color:#1c1c1c;}
</style>
<script language="JavaScript">
/* início do código */
<!--
var pontos=0;
function reponse(form) {
for (var i=0;i<form.length;i++){
if (form[i].checked){
break
}
}
var answer=""
if (i<form.length){
answer = form[i].value
}
return answer;
}
function solution(form) {
/* variável para cada pergunta */
var points=0;var rep="";var comment="";var resposta1="";var resposta2="";var resposta3="";var onome=""
/* valor de pontos para as questões */
if (reponse(form.question1)=="A") {pontos+=1}
if (reponse(form.question2)=="B") {pontos+=1}
if (reponse(form.question3)=="B") {pontos+=1}
/* cada mensagem vai de acordo com o input marcado para resposta */
/* mensagem para questão 1 */
if (reponse(form.question1)=="") {resposta1="<font color=#cccccc>não respondida</font>"}
if (reponse(form.question1)=="A") {resposta1="<font color=#0099cc>correta</font>"}
if (reponse(form.question1)=="B") {resposta1="<font color=#cccccc>incorreta</font>"}
if (reponse(form.question1)=="C") {resposta1="<font color=#cccccc>incorreta</font>"}
/* mensagem para questão 2 */
if (reponse(form.question2)=="") {resposta2="<font color=#cccccc>não respondida</font>"}
if (reponse(form.question2)=="A") {resposta2="<font color=#cccccc>incorreta</font>"}
if (reponse(form.question2)=="B") {resposta2="<font color=#0099cc>correta</font>"}
if (reponse(form.question2)=="C") {resposta2="<font color=#cccccc>incorreta</font>"}
/* mensagem para questão 3 */
if (reponse(form.question3)=="") {resposta3="<font color=#cccccc>não respondida</font>"}
if (reponse(form.question3)=="A") {resposta3="<font color=#cccccc>incorreta</font>"}
if (reponse(form.question3)=="B") {resposta3="<font color=#0099cc>correta</font>"}
if (reponse(form.question3)=="C") {resposta3="<font color=#cccccc>incorreta</font>"}
/* aqui é exibido a mensagem de acordo com o ponto marcado */
if (pontos==0) {comment="você não fez pontos, tente novamente"}
if (pontos==1) {comment="você fez um ponto, continue assim"}
if (pontos==2) {comment="você fez 2 pontos, está quase lá"}
if (pontos==3) {comment="excelente! você acertou todas!<br><br><a href=\"javascript:;\" onClick=\"window.print();return false\">Imprimir este certificado</a><br>Veja o seu certificado abaixo:<br><br><img src=img_certificado.gif border=0>"}
/* aqui exibo a porcentagem de acordo com o ponto */
if (pontos==0) {porcentagem="0%"}
if (pontos==1) {porcentagem="33%"}
if (pontos==2) {porcentagem="66%"}
if (pontos==3) {porcentagem="100%"}
/* aqui inicio o código mostrado na nova janela */
chaine=''
+'<head><title>Resultado</title>'
+'<style type=text/css>a{font-family:arial;font-size:8pt;color:#696969;text-decoration:none;}#texto{font-family:verdana,arial;font-size:8pt;color:#696969;}#textos{font-family:verdana,arial;font-size:10px;color:#c7c7c7;}input{border:1px solid #f8f8f8;background-color:fefefe;font-family:arial;font-size:8pt;color:#1c1c1c;}#resultado{font-family:arial;font-size:8pt;color:#696969;}</style>'
+'</head>'
+'<center><font id=texto>Você atingiu um total de <font color=#0099cc><b>'+ pontos +'</b></font> pontos, acertando '+ porcentagem +' das questões.<br><br><font color=#696969>'+comment+'<BR>'
+'<br><center><font id=texto>'+ formmail.onome.value +' veja abaixo o resumo das questões:</font></center><br>'
+'<table border=0 cellpading=3 cellspacing=3 style="border:1px solid #f8f8f8;background-color:#ffffff;" width="150">'
+"<tr><td><font id=textos>1)</td><td><font id=resultado>"+ resposta1 +"</font></td></tr>"
+"<tr><td><font id=textos>2)</td><td><font id=resultado>"+ resposta2 +"</font></td></tr>"
+"<tr><td><font id=textos>3)</td><td><font id=resultado>"+ resposta3 +"</font></td></tr>"
+"</table></form>"
+'<a href="javascript:void(0)" onclick="javascript:window.close()">FECHAR</a>'
+'</CENTER></BODY></HTML>'
solu=open();
solu.document.write(chaine)
}
//-->
</script>
<title>Questionário</title>
<script>
function vai() {
location.reload()
}
</script>
<!--ABAIXO SEGUE O FORMULÁRIO-->
<form name=formmail>
<center><font id=center>Responda as perguntas abaixo</font></center>
<br>
<center><font id=normal>cada questão vale 1 ponto</font></center>
<center><a href=# onClick="vai()"><font id=normal>[ Clique aqui para fazer Novamente ]</font></a></center>
<center><font id=normal>[ marque somente uma questão por pergunta ]</font></center>
<div align=center>
<table border=0 cellpading=3 cellspacing=3 style="border:1px solid #f8f8f8;background-color:#ffffff;" width=400>
<tr><td>
<font id=pergunta>
Coloque ao lado o seu Nome: </font><input type="text" name="onome" value="" size=44 id=input><font color=#0099cc face=verdana size=1><b> *</b><br>
<font id=pergunta>
1 - Que número é este [1]?</font>
<br><font id=resposta>
<font id=pergunta>(A)</font><input TYPE="checkbox" NAME="question1" VALUE="A"><font id=resposta>Um<br>
<font id=pergunta>(B)</font><input TYPE="checkbox" NAME="question1" VALUE="B"><font id=resposta>Dois<br>
<font id=pergunta>(C)</font><input TYPE="checkbox" NAME="question1" VALUE="C"><font id=resposta>Três<br>
<br>
<font id=pergunta>
2 - Que número é este [6]?</font>
<br>
<font id=pergunta>(A)</font><input TYPE="checkbox" NAME="question2" VALUE="A"><font id=resposta>Cinco<br>
<font id=pergunta>(B)</font><input TYPE="checkbox" NAME="question2" VALUE="B"><font id=resposta>Seis<br>
<font id=pergunta>(C)</font><input TYPE="checkbox" NAME="question2" VALUE="C"><font id=resposta>Sete<br>
<br>
<font id=pergunta>
3 - Que letra é esta [c]?</font>
<br>
<font id=pergunta>(A)</font><input TYPE="checkbox" NAME="question3" VALUE="A"><font id=resposta>b<br>
<font id=pergunta>(B)</font><input TYPE="checkbox" NAME="question3" VALUE="B"><font id=resposta>c<br>
<font id=pergunta>(C)</font><input TYPE="checkbox" NAME="question3" VALUE="C"><font id=resposta>d<br>
<br>
<center>
<input TYPE="button" NAME="valide" VALUE="Resultado" onclick="javascript:solution(this.form);" style="border:1px solid #f8f8f8;background-color:#ffffff;color:#696969;">
</center></td></form></tr>
</table>
<center><a href=# onClick="vai()"><font id=normal>[ Clique aqui para fazer Novamente ]</font></a></center>