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

zero-cool

[Resolvido] Ocultar/Mostrar

3 mensagens neste tópico

Boas,

Tenho este excerto de código, que não funciona:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<style type="text/css">
	<!--
		.artigo {
			color:#FFCCCC;
			display:none;
		}
	-->
	</style>
        	<script language="Javascript" type="text/JavaScript">
			function toggle( targetId )
			{
				var blockname = "blo" + targetId;

				if ( document.getElementById ) {
					target = document.getElementById( blockname );
					if ( target.style.display == "none" ) {
						target.style.display = "";
					}
					else {
						target.style.display = "none";
					}
				}
			}
		</script>
</head>
<body>
		<div class="artigo" id="blo1">
			blabla
		</div>
		<a href="javascript: void(0); return false" onclick="toggle('1'); return false">aaa</a>
</body>
</html>		

No entanto, se ocultar na classe CSS o "display:none", ele já funciona bem. Há algum truque ou é preciso usar outro script java para "ocultar" tudo ao arrancar a página, por pre-definição?

Abraços,

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Implementa o CSS directamente no DIV

<div class="artigo" id="blo1" style="display:none">
blabla
</div>

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