Ir para conteúdo

POWERED BY:

Arquivado

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

rcrdbeira

Pip up

Por , em Desenvolvimento frontend

Recommended Posts

rcrdbeira    0

rcrdbeira
Postado

Bom dia.

 

 

Preciso de uma ajuda...

 

Estou tentando fazer um pop up, porém o browser bloqueia, preciso de um pop up que não seja bloqueado.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

De fato se for popup mesmo não conseguirá alterar isso pois se trata de configuração do navegador do usuario

 

Mas pode burlar simulando com CSS e/ou javascript

 

Não tenho nenhum exemplo pronto aqui mas pesquisando na internet achei um que pode dar certo mas não cheguei a testar

 

http://repositorioweb.wordpress.com/2010/09/14/script-pop-up-nao-bloqueavel/

Compartilhar este post

Link para o post
Compartilhar em outros sites

rikaschmitt    54

rikaschmitt
Postado

Eu achei esse exemplo, mas não consigo fazer com que ele abra automaticamente quando o usuário entrar na página.

 

se for javascript q você está usando..

tentar colocar um onload="função" na tag <body> do seu html.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcrdbeira    0

rcrdbeira
Postado

Eu estou usando esse aqui, mas tenho que clicar em um botão para abrir o "pop up", mas os usuários não vão clicar, preciso que ele abra sozinho, assim que o usuário entrar.

 

 

<html>
<head>
<title></title>

<style type="text/css">
#popup{
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
</style>
</head>
<body onload="javascript: abrir()">

<script language="javascript" type="text/javascript">

function fechar(){
document.getElementById('popup').style.display = 'none';
}

function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}

</script>

<div id="popup" class="popup">

<img src="info.gif" width=550 height=350>

<small><a href="javascript: fechar();">[X]</a></small>

</div>

<br /> <a href="javascript: abrir();">Abrir POPUP</a>
<br /> <a href="javascript: fechar();">Fechar POPUP</a>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

rikaschmitt    54

rikaschmitt
Postado

Ao clicar ele está abrindo a janela?

porque aparentemente está certo.

 

Por que voce não usa algum jquery pronto? tipo o shadowbox, lightbox, etc..?

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcrdbeira    0

rcrdbeira
Postado

Consegui resolver

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste de Popup</title>
<script type="text/javascript">
// abre a DIV
function abreJanela(id){
var obj = document.getElementById(id);
obj.style.display='block';
}
// fecha a DIV
function fechaJanela(id){
var obj = document.getElementById(id);
obj.style.display='none';
}
</script>
<style type="text/css">
body {
background: #FFFFFF;
}
#popup {
font-family:Arial, Helvetica, sans-serif;
display:block;
position:absolute;
width:550px;
height:365px;
left:25%;
top:10%;
border:1px solid #FFFFFF;
padding:6px;
color:#000000;
background: #fff;
z-index:300;
}
#popup p{ line-height:18px}
#popup a.fechar {
color:#000033;
txt-align:right;
float:right;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
width:20px;
}
#popup a:hover.fechar {
color:#003399
}
</style>
</head>
<body>
<!--<a href="javascript:;" onclick="abreJanela('popup')">Abrir Popup</a>-->
<div id="popup">
<a href="javascript:;" onclick="fechaJanela('popup')" class="fechar">X</a>
<!--//aqui entra seu conteúdo-->
<img src="info.gif" width=550 height=350>
</div>
</body>
</html>

Compartilhar este post

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

Informação importante

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

  Aceito