código (JavaScript)?

ThiagoSBme · Fevereiro 4, 2015

Oi pessoal, sou novo no site. :natalsmile:

É o seguinte, sou iniciante em JS e estou com um probleminha com um script que estou usando... o código se trata de um quiz em javascript que eu peguei na internet já pronto. Acontece que quando clico no botão de "Conferir respostas" abre-se uma janela com os resultados do quiz. Mas o caso é que não é assim que eu quero porque fica algo chatissímo de personalizar! Eu queria que fosse exibido em uma outra página (html) e não em uma janela como esta. Isso é possível?

Aqui esta ele completo:

<!--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="Conferir respostas" 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>

William Bruno · Fevereiro 4, 2015

A forma mais fácil de exibir em outra página, seria vc usar uma linguagem server-side.

Entrar

Arquivado

código (JavaScript)?

Recommended Posts

ThiagoSBme 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante