Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17520
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Sistema de quiz (Perguntas e Respostas)

24-02-2007 10:20

Vou passar aqui um código para montar um sistema de quiz, o visitante vai entrar na página e responder as perguntas que você configurou no código, após terminar mostra uma janela com o resultado.
Vou mostrar cada parte do script no código:

<!--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:&nbsp;</font><input type="text" name="onome" value="" size=44 id=input><font color=#0099cc face=verdana size=1><b>&nbsp;*</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>

3
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17520
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Sistema de quiz (Perguntas e Respostas)

20-02-2016 22:06

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado