Bom galera já procurei bastante mais não consegui achar intao resolvi criar um tópico
eu gostaria de uma coisa simples e que eu não sei nada de javascript
eu queria colocar um coookie de 24 horas na #popup
a opção mostra a popup depos esconde
queria esconder ela por 24 horas depos que ela fosse mostrada
<html>
<head>
<style type="text/css">
/* cria a div pop-up*/
#popup{
position: absolute; /*Define a posição absoluta da pop-up*/
top: 30%; /*Distancia da margem superior da página */
left: 30%; /*Distancia da margem esquerda da página */
width: 300px; /*Largura da pop-up*/
height: 100px; /*Altura da pop-up*/
padding: 20px 20px 20px 20px; /*Margem interna da pop-up*/
border-width: 1px; /*Largura da borda da pop-up*/
border-style: solid; /*Estilo da borda da pop-up*/
background: #ccc; /*Cor de fundo da pop-up*/
color: #000066; /*Cor do texto da pop-up*/
display: none; /* Estilo da pop-up*/
/*fim pop-up*/
}
</style>
<script language="javascript">
// Função que fecha o pop-up ao clicar no botao fechar
function fechar(){
document.getElementById('popup').style.display = 'none';
}
// Aqui definimos o tempo para fechar o pop-up automaticamente
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}
</script>
</head>
<BODY OnLoad="abrir()">
<div id="popup" class="popup">
<b> Web tecnology </b>
<p>
Esse é um exemplo de popup utilizando DIV. Dessa maneira esse
pop-up não será bloqueado.
</p>
<small><a href="java script: fechar();">X ou fechar</a></small>
</div>
<br> <a href="java script: abrir();">Abrir Pop-up</a>
<br> <a href="java script: fechar();">Fechar Ppo-up</a>
</body>
</html>
Pergunta
nvzinho
Bom galera já procurei bastante mais não consegui achar intao resolvi criar um tópico
eu gostaria de uma coisa simples e que eu não sei nada de javascript
eu queria colocar um coookie de 24 horas na #popup
a opção mostra a popup depos esconde
queria esconder ela por 24 horas depos que ela fosse mostrada
<html> <head> <style type="text/css"> /* cria a div pop-up*/ #popup{ position: absolute; /*Define a posição absoluta da pop-up*/ top: 30%; /*Distancia da margem superior da página */ left: 30%; /*Distancia da margem esquerda da página */ width: 300px; /*Largura da pop-up*/ height: 100px; /*Altura da pop-up*/ padding: 20px 20px 20px 20px; /*Margem interna da pop-up*/ border-width: 1px; /*Largura da borda da pop-up*/ border-style: solid; /*Estilo da borda da pop-up*/ background: #ccc; /*Cor de fundo da pop-up*/ color: #000066; /*Cor do texto da pop-up*/ display: none; /* Estilo da pop-up*/ /*fim pop-up*/ } </style> <script language="javascript"> // Função que fecha o pop-up ao clicar no botao fechar function fechar(){ document.getElementById('popup').style.display = 'none'; } // Aqui definimos o tempo para fechar o pop-up automaticamente function abrir(){ document.getElementById('popup').style.display = 'block'; setTimeout ("fechar()", 3000); } </script> </head> <BODY OnLoad="abrir()"> <div id="popup" class="popup"> <b> Web tecnology </b> <p> Esse é um exemplo de popup utilizando DIV. Dessa maneira esse pop-up não será bloqueado. </p> <small><a href="java script: fechar();">X ou fechar</a></small> </div> <br> <a href="java script: abrir();">Abrir Pop-up</a> <br> <a href="java script: fechar();">Fechar Ppo-up</a> </body> </html>Editado por nvzinhoAdicionar tag CODE
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.