Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, tive uma idéia: criar um Quiz onde o visitante sempre acertava, não importando a resposta escolhida, qualquer uma seria considerada certa e o resultado mostrado em outra página, em negrito, sem popup; além de um validador, caso o visitante esquecesse de responder alguma pergunta.
Não manjo quase nada de Javascript, se alguém poder me ajudar, segue abaixo uma gif animada de como ficaria, claro que haveriam mais perguntas...
/applications/core/interface/imageproxy/imageproxy.php?img=http://br.geocities.com/mundodoido24/quiz.gif&key=a8e23137b96f8696503c6286c68ffaac7030181a1b1def02e23dd18fbb23bab8" alt="Imagem Postada" />
ham...é um submit você tá fazendo, no action do form, passe a nova pg e nela mostre o resultado!e para você verificar, de uma procuradinha aki msm no forum q existem uma funções p/ validar, c tivé dificuldade, post novamente!até!hehehhe
Tu falou, falou, e nada falou. Se eu soubesse não perguntaria a ti. Hehehehe http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
>
ham...é um submit você tá fazendo, no action do form, passe a nova pg e nela mostre o resultado!e para você verificar, de uma procuradinha aki msm no forum q existem uma funções p/ validar, c tivé dificuldade, post novamente!até!hehehhe
Tu falou, falou, e nada falou. Se eu soubesse não perguntaria a ti. Hehehehe http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
Educado você! Independente se atingiu ou não suas expectativas a resposta dele... seja cordial, afinal ele teve a gentileza de responder seu post.O teu caso é simples...Faça um request do campo selecionado e faça um if com qq linguagem de programação.. asp.. php..if request("campo1") = "a" then response.write("a -") ;) Nao entendi o objetivo de ter um quiz onde sempre a resposta será a correta! :wacko:
Nao entendi o objetivo de ter um quiz onde sempre a resposta será a correta! wacko.gif
Acho q o objetivo eh fazer uma coisa ingraçada xD
Pessoal, vocês não poderam me ajudar, porém MODIFICANDO um quiz do site do maujor consegui tal efeito.
Vejam como ficaria o código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">CSS](http://www.w3.org/1999/xhtml) - Quiz</title><script type="text/JavaScript"><!--// scripts (c) CopySense 2002-03 (Martin Latter)// DOM 0 used to minimise codewindow.onerror=eh;db=document.getElementById?1:0;ie4=(!document.getElementById && document.all)?1:0;oldOp=(window.opera && !document.createComment)?1:0;if (!(ie4||db)) document.write('<p align="center" class="nstext">Olá, Seu browser\'s DOM não oferece suporte para este Quiz.<\/p>');if (oldOp) document.write('<p class="nstext">*** Navegadores Opera 6 (e mais antigos) não oferecem suporte para este Quiz ***.<\/p>');function eh(){ return true;}--></script><script language="JavaScript" type="text/JavaScript"><!-- var respondeu = new Array();function Verifica(respondeu) { var gabarito = new Array("","1","1","1","1","1","1","1","1","1","1"); var nota = 0; for (var i=1; i < gabarito.length; i++) { var el = document.getElementById("r"+i); if (respondeu[i] == gabarito[i]) { nota++; el.innerHTML = "CERTO"; el.style.color="#339900"; } else { if (respondeu[i] == null) el.innerHTML = "NÃO RESPONDEU"; else el.innerHTML = "ERRADO"; el.style.color="#FF0000"; } } document.getElementById("nota").innerHTML = "Você acertou : " + nota + " questões. Como pode?!";} --></script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="[http://www.maujor.com/quiz/quiz.css"](http://www.maujor.com/quiz/quiz.css) rel="stylesheet" type="text/css" /></head><body onload="document.form1.reset()"><h4>CSS QUIZ - NÍVEL BÁSICO <span class="ques">Questionário 1/prototipo</span></h4> <form name="form1" id="form1" action=""> <p class="pergu"> 1)- O que significa a sigla CSS ? <span id="r1"></span></p> <p class="inpute" id="p11"><input name="p1" value="1" onclick="respondeu[1]='1';" type="radio"> Constrution of Style Sites.</p> <p class="inpute" id="p12"><input name="p1" value="1" onclick="respondeu[1]='1';" type="radio"> Cascading Style Sheets.</p> <p class="inpute" id="p13"><input name="p1" value="1" onclick="respondeu[1]='1';" type="radio"> Consortium of Style Sheets.</p> <p class="pergu"> 2)-Qual a sintaxe genérica de uma regra CSS?<span id="r2"> </span> </p> <p class="inpute" id="p21"><input name="p2" value="2" onclick="respondeu[2]='1';" type="radio"> propriedade { seletor: valor;}</p> <p class="inpute" id="p22"><input name="p2" value="2" onclick="respondeu[2]='1';" type="radio"> tag html { propriedade: valor;}</p> <p class="inpute" id="p23"><input name="p2" value="2" onclick="respondeu[2]='1';" type="radio"> seletor { propriedade: valor;}</p> <p class="pergu"> 3)- Qual a sintaxe para inserir um comentário CSS?<span id="r3"> </span> </p> <p class="inpute" id="p31"> <input name="p3" value="3" onclick="respondeu[3]='1';" type="radio"> // Este é um comentário</p> <p class="inpute" id="p32"> <input name="p3" value="3" onclick="respondeu[3]='1';" type="radio"> /* Este é um comentário */</p> <p class="inpute" id="p33"> <input name="p3" value="3" onclick="respondeu[3]='1';" type="radio"> <!-- Este é um comentário --></p> <p class="pergu"> 4)- Qual a sintaxe da regra CSS para a cor dos parágrafos?<span id="r4"> </span> </p> <p class="inpute" id="p41"><input name="p4" value="4" onclick="respondeu[4]='1'" type="radio"> p { color: #FFFFFF;}</p> <p class="inpute" id="p42"><input name="p4" value="4" onclick="respondeu[4]='1'" type="radio"> color { p: #FFFFFF;}</p> <p class="inpute" id="p43"><input name="p4" value="4" onclick="respondeu[4]='1'" type="radio"> #FFFFFF { color: p;}</p> <p class="pergu"> 5)- Que propriedade CSS controla a cor do texto?<span id="r5"> </span> </p> <p class="inpute" id="p51"><input name="p5" value="5" onclick="respondeu[5]='1';" type="radio"> font-color:</p> <p class="inpute" id="p52"><input name="p5" value="5" onclick="respondeu[5]='1';" type="radio"> font#hex:.</p> <p class="inpute" id="p53"><input name="p5" value="5" onclick="respondeu[5]='1';" type="radio"> color:</p> <p class="pergu"> 6)-Como definir um fundo vermelho (#FF0000) para o documento?<span id="r6"> </span> </p> <p class="inpute" id="p61"><input name="p6" value="6" onclick="respondeu[6]='1';" type="radio"> doc { bgcolor: #FF0000; }</p> <p class="inpute" id="p62"><input name="p6" value="6" onclick="respondeu[6]='1';" type="radio"> body { background-color: #FF0000;}</p> <p class="inpute" id="p63"><input name="p6" value="6" onclick="respondeu[6]='1';" type="radio"> all.body { background-color: #FF0000;}</p> <p class="pergu"> 7)- Que propriedade CSS controla o tamanho do texto?<span id="r7"> </span> </p> <p class="inpute" id="p71"><input name="p7" value="7" onclick="respondeu[7]='1';" type="radio"> text-height.</p> <p class="inpute" id="p72"><input name="p7" value="7" onclick="respondeu[7]='1';" type="radio"> text-size</p> <p class="inpute" id="p73"><input name="p7" value="7" onclick="respondeu[7]='1';" type="radio"> font-size</p> <p class="pergu"> 8)- Qual unidade especifica uma medida de comprimento CSS?<span id="r8"> </span> </p> <p class="inpute" id="p81"><input name="p8" value="8" onclick="respondeu[8]='1';" type="radio"> pixel</p> <p class="inpute" id="p82"><input name="p8" value="8" onclick="respondeu[8]='1';" type="radio"> dot</p> <p class="inpute" id="p83"><input name="p8" value="8" onclick="respondeu[8]='1';" type="radio"> MHz</p> <p class="pergu"> 9)- Qual regra define parágrafos em negrito?<span id="r9"> </span> </p> <p class="inpute" id="p91"><input name="p9" value="8" onclick="respondeu[9]='1';" type="radio"> p {font-weight: bold;}</p> <p class="inpute" id="p92"><input name="p9" value="8" onclick="respondeu[9]='1';" type="radio"> p {text-style: bold;}</p> <p class="inpute" id="p93"><input name="p9" value="8" onclick="respondeu[9]='1';" type="radio"> p {font-decoration:bold;}</p> <p class="pergu"> 10)- Qual propriedade define a família de fontes?<span id="r10"> </span> </p> <p class="inpute" id="p101"><input name="p10" value="8" onclick="respondeu[10]='1';" type="radio"> family-font</p> <p class="inpute" id="p102"><input name="p10" value="8" onclick="respondeu[10]='1';" type="radio"> font</p> <p class="inputeb" id="p103"> <input name="p10" value="8" onclick="respondeu[10]='1';" type="radio"> font-family</p> <p> <input class="verifique" value="Clique para acertos." onclick="Verifica(respondeu);" type="button"> <span id="nota"></span></p> <p><a href="[http://www.maujor.com/">Ir](http://www.maujor.com/) para a Home Page do Site</a></p> <div style="margin: 0pt;"> <p class="rev">© Copyright 2003-2005 Todos os direitos reservados</p> <p class="rev">Reprodução mediante autorização. Entre em contato</p></div> <p class="rev" style="color: rgb(255, 0, 0);">Criado em: 2004-02-12<br> Atualizado em : 2005-05-17 </p></form></body></html>
ham...é um submit você tá fazendo, no action do form, passe a nova pg e nela mostre o resultado!e para você verificar, de uma procuradinha aki msm no forum q existem uma funções p/ validar, c tivé dificuldade, post novamente!até!hehehhe