Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

GutoDPB

[Resolvido] Esconder div em hora e data certa

Por , em Javascript

Recommended Posts

GutoDPB    0

GutoDPB
Postado

Olá, Pessoal.

Eu estou desenvolvendo um blog, e nele tem toda semana uma votação.

Só que eu pensei de um jeito que ainda não consegui fazer... ja busquei em todos os buscadores como google, bing, msn search.... e nada.

 

Eu estou querendo fazer com que uma div seja ocultada (tipo um 'display:none;' no css) na hora e na data certa.

só que pra achar uma idéia está dificil.

 

alguem me dá uma idéia ?

abraço e obrigado desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

para acessar propriedades css, com javascript.

 

acesse o atributo:

.style seguido do nome da propriedade.

Exemplo:

elemento.style.display = 'none';

para fazer 'na hora e data' tal, manipule o objeto date:

http://www.w3schools.com/js/js_obj_date.asp

 

com um simples if, você verifica se chegou no dia e hora que você quer, e ai então você faz oque precisa. ^_^

Compartilhar este post

Link para o post
Compartilhar em outros sites

GutoDPB    0

GutoDPB
Postado

muito obrigado pela ajuda william.

mas ainda preciso de ajuda, pois só conheço o básico de php e menos do básico de jsp :/

 

seria certo se eu fizesse assim então?

<script>
if(new Date(2010, 05, 26, 11, 00, 00, 00))
{ divoculta.style.display = 'none';
}
</script>

obrigado novamente :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Quase isso cara.. olha.. fiz aqui, pois tb nunca vi isso na net..

 

disparei um setInterval(), a cada 1 segundo, para ficar pegando a hora atual, e comparando se já precisa esconder.. então a página vai ocultar automaticamente, qndo chegar a data e hora que você colocar lá...

 

<html>
<head>
<script type="text/javascript">
window.onload = function()
{
	esconde_tal_hora();
	window.setInterval('esconde_tal_hora()', 1000);
}
function esconde_tal_hora()
{
	var d = new Date();
	var hoje = d.getTime();//milliseconds since 1970/01/01
	
	var d = new Date();
	
	// 26/05/2010
	d.setFullYear( 2010,04,26 );//coloque o mes -1, pois janeiro = 0
	// 08:28:00:00
	d.setHours( 08,28,0,0 );
	
	if( hoje >= Number( d ) )
		document.getElementById('divoculta').style.display = 'none';
	
}
</script>
</head>
<body>

	<div id="divoculta">
		Conteudo Que sumirá qndo for 08:28
	</div><!-- /divoculta -->
	
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GutoDPB    0

GutoDPB
Postado

Willian.

Muito obrigado, se precisar de mim vai lá no meu portfólio e pega meu contato. www.gutodesign.hd1.com.br

pode ser em qualquer coisa, se eu puder, irei te ajudar.

obrigadão

abraço

está ótimo o script e certinho.

parabéns !

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito