Olá.
Javascript pode sim trabalhar com o mostrar/esconder div's. É só trabalharmos com a propriedade das div's: 'display'. Ela pode ter os valores 'none' e 'block'. 'none' esconde e 'display' mostra.
Como vc disse que uma div deveria aparecer depois de o usuário confirmar um alerta, podemos fazer o seguinte:
inicie a div como "display:none". Faça com que um evento chame uma confirmção e em caso positivo chame a função 'mostra_div'.
No meu código, eu usei um botão para chamar este evento e inclui na função 'mostra_div' o parâmetro 'id' (para poder mostrar/esconder mais de uma div) e ainda inclui uma função 'esconde_div' se for necessária.
Bom, vamos ao código:
<html>
<head>
<script type="text/javascript">
function mostra_div(id) {
//tem que tratar browsers diferentemente
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
function esconde_div(id) {
//tem que tratar browsers diferentemente
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function confirma(id, show) {
var r=confirm("Quer mostrar/esconder a div?")
if (r==true){
if (show==1){
mostra_div(id)
}
else {
esconde_div(id)
}
}
}
</script>
</head>
<body>
<input type="button" onclick="confirma('a1',true)" value="Mostrar a Div" />
<input type="button" onclick="confirma('a1',false)" value="Esconder a Div" />
<div id='a1' style="display:none;">
<p>Olá mundo!</p>
</div>
</body>
</html>Espero que tenha ajudado .
Edição feita por: matt.cavotta, 16/12/2006, 18:06.
