Ir para conteúdo

POWERED BY:

Arquivado

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

inepto

Um Quiz bem humorado

Recommended Posts

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...

 

 

Imagem Postada

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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:

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS - 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" 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 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>

<!-- //A criatividade assusta-->

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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