• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

RicardoR

[Javascript] Show/Hide Content

4 mensagens neste tópico

Boas

Este código é para ter imediatamente, sem carregar a página, o conteúdo de uma Layer, neste caso chama-se hideshow:

Para evitar erros ponham logo de início este código entre as tags <head></head>

<script language=javascript type='text/javascript'>
function hideDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'hidden';
}
else { // IE 4
document.all.hideshow.style.visibility = 'hidden';
}
}
}

function showDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'visible';
}
else { // IE 4
document.all.hideshow.style.visibility = 'visible';
}
}
}
</script>

Na layer

<div id="hideshow" ..etc>
ola
</div>

Para esconder:

<a href="javascript:hideDiv()">Esconder</a>

Para mostrar:

<a href="javascript:showDiv()">Mostrar</a> 

Este código não foi feito por mim e pelo respeito pelo autor ponho aqui o nick : Outrun

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

<script>
var estado = 'none';
function mudar(id) {
if (estado == 'block') {
	estado = 'none';
}else {
	estado = 'block';
}
if (document.all) {
	eval( "document.all." + id + ".style.display = estado");
}
if (document.layers) {
	document.layers[id].display = estado;
}
if (document.getElementById &&!document.all) {
	obj = document.getElementById(id);
	obj.style.display = estado;
}
}

</script>
<a href="#" onclick="mudar('div1');">mostrar/fechar</a><br>
<div id="div" style="display: none;">texto</div> 

O mesmo código só que menos "duplicado", menos linhas, a mesma lógica e finalidade

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora