|
|
|
|
|
|
|
|
Dicas
|
|
|
ASP - Active Server Page (Miscelâneas)
|
|
 |
Título da Dica: Exemplo de FAQ com resposta oculta até usuário clicar no tópico.
|
 |
|
|
|
Postada em 18/5/2004 por vilmarbr
<!--
Pode-se adaptar o código abaixo e puxar as perguntas e resposta do banco de dados.
-->
<html>
<head>
<title>Display em Layers - Mostrar/Esconder</title>
<script language="JavaScript" type="text/javascript">
function Chavear(IdElemento)
{
if (document.all)
{
if (document.getElementById(IdElemento).style.display == '')
{
document.getElementById(IdElemento).style.display = 'none';
}
else
{
document.getElementById(IdElemento).style.display = '';
}
}
}
</script>
</head>
<body bgcolor="#00FFCC" text="#003366" link="#00CCFF" vlink="#996699" alink="#FF3300">
<p align="center"><strong>
Exemplo de FAQ com resposta oculta até usuário clicar no tópico.<br>
Mostra e Esconde conforme usuário clica no tópico e empurra automaticamente
para baixo os demais itens da página.
</strong></p>
<a href="javascript:Chavear('Elem_1')">Pergunta 1...........? </a>
<div id="Elem_1" style="DISPLAY: none"> Resposta 1...........</div><br><br>
<a href="javascript:Chavear('Elem_2')"> Pergunta 2...........?</a>
<div class="DefaultContent" id="Elem_2" style="DISPLAY: none"> Resposta 2...........</div><br><br>
<strong>outros textos, imagens, etc............................. <br><br>
<img src="http://www.vilmarbro.eti.br/capelasv/imagens/logotipo_capelasv.png" width="142" height="346">
</strong>
</body>
</html>
|
|
|
|
|
![http://www.vilmarbro.eti.br/capelasv/imagens/logotipo_capelasv.png"](http://www.vilmarbro.eti.br/capelasv/imagens/logotipo_capelasv.png"){kind=link}