iMasters | Por uma internet mais criativa e dinâmica

• Dreamweaver

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 2 comentários

Antes de mais nada gostaria de anunciar, para aqueles que ainda não estão sabendo, do lançamento do CD-ROM iMasters Dreamweaver MX 2004. Preparamos ele com todo carinho, um curso completíssimo, seleção de mais de 400 extensões, todas as colunas publicadas por mim e vários outros recursos. Estou muito feliz pela procura e grande quantidade de pedidos nesse primeiro dia de lançamento. Vocês vão adorar.

Vamos abordar, nessa matéria, um Behavior (Comportamento) muito interessante. Chama-se Simple Quizzer, versão 1.0.1, Autor Ariij Sarbagna, livre, Tipo Object, download aqui.

Como ele podemos criar facilmente um questionário aonde, ao término de seu preenchimento, produz uma popup com a quantidade de acertos, bem como outra com as respostas corretas. Muito útil para criar uma boa interação com o usuário do site, de forma rápida, simples e sem a necessidade de dominar alguma linguagem de programação. Veja o exemplo clicando aqui.

Após instalada a extensão, devemos criar um arquivo para nosso questionário e, no Menu Properties, escolhermos nossa formatação de texto. No exemplo acima, escolhi fonte Verdana, Tamanho 10, Cor #666666. Salvamos o documento. Depois vamos em Menu Insert > Objects Forms > simple_quizzer.

Figura 01 - configurando o behaviors

Ao clicarmos, abrirá a caixa "Simple Quizzer".

Figura 02 - simple quizzer

Em "Your question" digitamos nossas perguntas (máximo 10) e nas "Correct answer" correspondente, digitamos a resposta correta. Como formatamos as fontes no arquivo anteriormente criado para o questionário, marcamos a opção: "Use pre-defined formatting". Se você quiser dar um nome ao formulário que contém seu questionário, marque "Add your form name" e escreva o nome no campo abaixo.

Você deve ter reparado no exemplo, que ao terminar de responder as perguntas e clicar no botão "Score", duas popups são abertas, uma informando a quantidade de seus acertos e depois outra informando as respostas corretas. Só que o formulário está em inglês, então vamos configurá-lo para português. Para tal, devemos ir no código da página que contém o Questionário:

01. Procure pela linha que contém a palavra S1 e apague-a

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">S1</font></td>

Resultado:

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>

02. Procure pela linha que contém a palavra "question"

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Question</font></td>

Substitua a palavra "Question" pela palavra "Questões":

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Quest&otilde;es</font></td>

03. Procure pela linha que contém a frase "put your answers over here"

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Put your answers over here</font></td>

Substitua a frase pela palavra "respostas":

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Respostas</font></td>

04. Procure pelo botão Score

<input name="Button" type="Button" onClick="showScore()" value="Score">

E troque o atributo value para "Resultado":

<input name="Button" type="Button" onClick="showScore()" value="Resultado">

05. Agora vamos editar as popups. Procure pela linha:

alert("Your score:"+score);

Altere-a para:

alert("Acertos:"+score);

06. Por fim, procure pela linha:

alert("Correct answers :"+correct_ans);

Altere-a para:

alert("Respostas Corretas :"+correct_ans);

Resultado final editado, clique aqui.

Abraços. Não deixem de adquirir o Curso iMasters Dreamweaver MX 2004. Maiores informações, clique.

Todos os artigos de Marcelo Oliveira

2 comentários publicados

• 1. Tabelas com relação

  Quarta-feira, 18/08/2004, por Rafael Apocalypse

  Muito boa a sua coluna... alás tenho adorado ler suas colunas.... mas tenho passado por maus bocados aqui... estou ajudando um amigo e migrando um db em access para mysql... mas esse db tá cheio de relacionamento entre as tabelas e tal... mas a migração foi bem feita e os dados estão no lugar... agora tem um problema... preciso via asp e dw, inserir novos dados e tal... manda uma coluna ai explicando como fazer essas inserções...

  Responder comentário

• 2. Resultado como pop-up

  Quinta-feira, 21/09/2006, por mankuzzo .

  Gostaria de saber se tem como o resultado vim como uma pop-up.

  Responder comentário

Sobre o autor

Marcelo Oliveira trabalha com Dreamweaver desde 1999, possui a formação Macromedia Dreamweaver Developer e coordena o DWMX.

Indique para um amigo

Tags relacionadas

linux ti publicidade google yahoo brasil gerência crescimento mobile seguranca microsoft design web internet desenvolvimento photoshop php youtube tecnologia lançamento celular apple windows iphone 3g mercado

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!