Ir ao conteúdo
  • Cadastre-se

Ajuda com código de quis em html!


Ir à solução Resolvido por Arley Fellipe,

Posts recomendados

Eae pessoal!

Tenho um quis aqui que ao concluir voce clica no botão para ver o resultado!

Eu queria que ao clicar nesse botão dependendo do resultado redireciona para páginas direrentes!

Por exemplo: Ao terminar de responder eu clico em resultado(botão) e seu eu tiver acertado acima de 60% sou redirecionado a uma página a dos ganhadores por exemplo e seu eu acertar abaixo de 60% sou direcionado a outra página a dos perdedores!

Tem como fazer isto? se tiver vocês me ajudam? sou uma pessoa meio leiga no assunto então tenham paciencia :) !

Código: http://www.4shared.com/document/s0ov1TIsba/prottipo_1.html    -- abre com bloco de notas ou outro editor

Scan: http://prntscr.com/4fqhr6

<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>(</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>(</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>(</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>
Link para o comentário
Compartilhar em outros sites

  • 2 semanas depois...
  • Solução

Cara da pra ver as respostas no código fonte. Você tem que colocar as respostas em um banco de dados com senha, do seu jeito vai ter sempre ganhadores, na questão de redirecionamento é simples basta usar script para redirecionar location.href='http://www.seusite.com/ganhadore.html';  e o  location.href='http://www.seusite.com/perdedores.html';

 

 

Agora temos que ver como funciona os dados do gabarito e ver como funciona a contagem;

 

Bom eu vi que você usa está função function solution(form)

 

ok no final eu vi que você puxa os dados das respostas no final:

if (pontos==0) {porcentagem="0%"}if (pontos==1) {porcentagem="33%"}if (pontos==2) {porcentagem="66%"}if (pontos==3) {porcentagem="100%"} 

ok então você disse que quem acerta acima de 60% são os ganhadores e quem acerta abaixo de 60% são os perdedores ok. então vamos entender como é mostrado os percentuais;

 

quem certa 33% já é perdedor e quem acerta 66% e 100% é ganhador então o código fica assim:

if (pontos==0) {setTimeout("window.location.href='http://www.seusite.com/perdedores.html';",1000);}if (pontos==1) {setTimeout("window.location.href='http://www.seusite.com/perdedores.html';",1000);}if (pontos==2) {setTimeout("window.location.href='http://www.seusite.com/ganhadores.html';",1000);}if (pontos==3) {setTimeout("window.location.href='http://www.seusite.com/ganhadores.html';",1000);}
 
Você substitui por este código ou faz uma adaptação na janela que aparece mostrando os resultados primeiro e depois redirecionando; 
  • Curtir 1
Link para o comentário
Compartilhar em outros sites

  • Moderador

Até dá para fazer com as respostas todas no script JS.. mas isso deixa o código muito sujo.. como está agora.

Eu recomendo a sugestão recomendada pelo @Arley Fellipe

 

Utilize um banco de dados, que armazena as respostas.... e por meio da linguagem de programação PHP, você  resgata as respostas e compara com as que os usuários responderam... calcula os pontos.. e redireciona para página correspondente.

  • Curtir 1
Link para o comentário
Compartilhar em outros sites

  • 3 meses depois...
Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...