Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego Moreira

Problemas com quiz no Firefox.

Por , em Javascript

Recommended Posts

Diego Moreira    0

Diego Moreira
Postado

Olá fórum iMaster, 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?sk=app_151503908244383

 

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>

 

Desculpe-me estar fazendo flood, mas estou realmente desesperado e não tenho a quem recorrer... ;/

 

O que eu tenho que fazer para obter ajuda aqui nesse fórum?

 

Está difícil, vejo tópicos com menos visualizações que pelo menos alguém indica algo para a pessoa ler, mas no meu nada..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Francis Schiavo    1

Francis Schiavo
Postado

Na linha 115 contem um erro. A variável "formmail" não foi declarada.

Não tive tempo de analisar em detalhes, mas acho que você terá que declarar a variável antes dessa linha assim:

formmail = document.getElementById('formmail');
[code]

e o formulário deverá conter o atributo id:
[code]
<form name="formmail" id="formmail">

 

Alguns browsers declaram variaveis globais com o nome do form, por isso funciona.

Com o document.getElementById todos os browsers se comportam igual.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito