Ir para conteúdo

POWERED BY:

Arquivado

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

inepto

Um Quiz bem humorado

Por , em Javascript

Recommended Posts

inepto    0

inepto
Postado

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

Tiago Cardoso    1

Tiago Cardoso
Postado

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

inepto    0

inepto
Postado

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

mkboy    1

mkboy
Postado

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

Guilherme Rambo    4

Guilherme Rambo
Postado

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

inepto    0

inepto
Postado

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
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito