Fechar Pop Up automaticamente após x segundos?

Assuntos Gerais
#3

Olá amiguinho, que bom uma alma caridosa rsrs… eu ponho o código e ele não aparece na visualização, mas ele tá lá… Como eu faço pra vc enxergar o código? tem algum macete? Não pode por junto com o meu texto normal? Muito obrigado viu Victor.

#4

É so você copiar seu codigo e colar aqui mesmo na hora de comentar

#5

Pois é amigo, agradeço sua atenção, mas copio o código no editar e ele aparece, mas na visualização só aparece o que estou comentando, o código não aparece mesmo… Tem que por entre aspas, parenteses, ou algo do tipo será? Obrigado…

#6

Mas é assim, preciso que meu popup feche sozinho depois dde x segundos, mas também me serviria atualizar (1 vez só) meu blog (blogger) uns 5 segundos depois que a pessoa entrar. Obrigado.

#7

Voce sabe qual a linguagem de programação usada tipo “php,html,javascript etc”.Você pode botar o arquivo do codigo fonte na nuvem e botar o link aqui pra alguem dar uma olhada.

#8

Olha Victor, no script tem JQuery, javascrip, etc… esse script está num widget no blogger, mas eu achei um código que conseguiu fazer o que eu queria, que é atualizar a pagina uma vez só quando a pessoa entra no blog, pra o pop up sumir, ele está abaixo…

script
window.onload = function() { if(!window.location.hash) { window.location = window.location + ‘#loaded’; window.location.reload(); } }
/script

Eu não coloquei os <> na abertura e fechamento do codigo script se não ele some, igual te falei…

Coloquei ele no final do meu script do pop up no widget e funcionou…

Mas tem um problema, ele está fechando muito rápido, não dá tempo nem do pop up carregar direito e já some por causa que a página atualiza… tem como por pra fechar depois de uns 5 segundos depois que ele abrir?

To te enchendo né amigo rsrs… desculpa mas isso me ajudaria a deixar exatamente como eu queria…

Muito obrigado de novo :heart:

#9

Qual o endereço do seu blog e o nome do widget em que este código está?

#10

Olá amigo, boa tarde…

Obrigado por estar me ajudando viu…

o blog é www.receitassaborosasdemais.com e o nome no widget é POPUPFB, eu deixo esse widget sem nome pra ficar invisível, mas coloquei esse nome pra vc poder encontrá-lo.

Muito obrigado amigo.

#11

Olá novamente, conforme nosso amigo Victorhgn2011 deu a ideia, pedi pra o meu primo colocar o codigo na nuvem pra vcs entenderem melhor. No final do código do popup estou explicando as duas opções que tentei, mas não está como eu queria. O txt ta no link abaixo.

https://mega.nz/#!JsNjAbZL!TkgsnUQgjV7uRueAcB-U2scSTukXtRjlDoHrucQhPrk

Gente, muito obrigado por estrem me ajudando.

#12

Sabe as opções que usou para solucionar seu problema?

Tira elas, deixa só o código do popup, porque realmente ele nem chega a abrir pra gente poder ver.

Se quiser evitar qualquer risco de bagunçar seu blog, poderia criar um blog de testes com o mesmo template e tudo pra fazer essas modificações.

No momento a solução que pensei seria a que eu chamo de OPÇÃO 3:

<script>
    setTimeout( function() {
        document.getElementByID('lightboxContent').style.display = "none";
    }, 5000 );
</script>

Remova os códigos que adicionou anteriormente e tente a OPÇÃO 3. Se não funcionar como esperado, remova todas as opções pro pessoal poder visualizar melhor o problema.

#13

Olá wldomiciano, coloquei seu código no final do popup e não funcionou… ele abre mas não fecha depois dos 5 segundos… fica aberto, vou chorar rsrsrs.

Meu primo fez um blog de teste pra mim… e to testando por lá, igual você aconselhou…

http://brunamarinhoteste.blogspot.com.br/

Eu mudei o código do popup “display:none” para “display:inline”, para não ter que limpar o cachê toda hora pra poder ver o popup, é só atualizar que ele aparece de novo, uma vez que ele é configurado pra aparecer uma vez só por visitante, atrapalha alguma coisa isso?

Obrigado de novo rsrsrs

#14

Que pena que não funcionou, vou dar mais uma olhada. Só um problema no blog, ele tá fechado pra leitores convidados.

#15

Obrigada mesmo assim, meu primo já arrumou o blog pra público ta… se puder, espero ansiosa rsrs… Grata.

#16

Tive outra idéia. Procure por essa linha no seu widget:

$q("#lightbox, #lightboxContent").hide();

Bem abaixo dela cole isso:

setTimeout( function() { $q("#lightbox, #lightboxContent").hide(); }, 5000 );

Tô rezando aqui por você! rs.

#17

kkkkk Olha wldomiciano, só com reza brava mesmo… num funcionou querido, o popup aparece mas não some automático, a não ser que eu clique em fechar no X aí ele some… Deixei ele ativado no blog-teste pra vc dar uma olhada, se for possível. Obrigada pelo empenho em me ajudar.

http://brunamarinhoteste.blogspot.com.br/

#18

Vish, tá difícil!

A única coisa em que consigo pensar agora é em você ir no Editor HTML do Blogger (no de teste mesmo), copiar todo o código e compartilhar aqui pra eu testar no meu próprio blog. Eu bem tentei copiar só o código do widget problemático e colocar no meu site, mas o popup não abriu não sei por quê.

#19

Ta, eu excluo o widget e colo o código do widget aonde no html?

#20

Desculpa, entendi o que quis dizer, vou faze… obrigada

#21

Nossa… finalmente aprendi como poe o código aqui… desculpem minha burrice rsrsrs
Este é o código original do popup que eu estou colocando no widget do blog (blogger)… ele abre mas não fecha sozinho, tem que clicar no X, preciso que ele feche 5 segundos depois que ele abriu pela primeira vez… pois no código tem cookie que ele não abre mais para o mesmo visitante quando é fechado, pra não irritar o visitante…tem como?

Muitíssimo obrigado pelo esforço de vocês!

<script src='http://yourjavascript.com/01114252230/jquery-min.js'></script>
<script src="http://yourjavascript.com/18530532124/jquery-colorbox-min.js"></script>
<script type="text/javascript">
function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*2*60*60*1000));        
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {
    createCookie(name,"",-1);
}
jQuery(document).ready(function() {
    var visited = readCookie('visited');
    if (!visited || visited !== "true") {
        createCookie('visited', "true", 1);
        $.colorbox({width:"400px", inline:true, href:"#subscribe"});
    }
});
</script>
<script type="text/javascript" src="http://yourjavascript.com/14222701305/google-jquery-min.js"></script>
<script type="text/javascript">
// JavaScript Document
 var $q = jQuery.noConflict();
$q(document).ready(function()
{
$q("#lightbox, #lightboxContent").click(function(){
$q("#lightbox, #lightboxContent").hide();
})});
</script>
<style type="text/css">
#lightbox {
    background-color: #000;
    float: left;
    height: 100%;
    opacity: 0.9;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    position: fixed;
    width: 100%;
	z-index:998;    
}   
 
#lightboxContent {
    background-image: url("https://3.bp.blogspot.com/-xw8mm2DYpyk/VtndWWX3hDI/AAAAAAAAHJ0/SK-IzSJqGM4/s1600/script%2Bfacebook.png");
	background-repeat:no-repeat;
    margin: 0 auto;
    opacity: 997;
    padding-top: 43px;
    width: 331px;
    height: 343px;
    z-index:999;
    cursor:pointer;
    margin-left: -157px; /* metade da largura */
    margin-top: -145px; /* metade da altura */
    position: fixed;
    top: 60%;
    left: 50%;
    text-align: center;
}
#fechar {
z-index:10;
}
</style>
<style type="text/css">
<!--
#curtir {
z-index:998;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
if (document.all){}
else document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=mouse;
function mouse(e)
{
if (navigator.appName == 'Netscape'){
xcurs = e.pageX;
ycurs = e.pageY;
} else {
xcurs = event.clientX;
ycurs = event.clientY;
}
document.getElementById('position').style.left = (xcurs-150)+'px';
document.getElementById('position').style.top = (ycurs-125)+'px';
}
</script>
<style type="text/css">
<!--
#position {
position: absolute;
z-index:999999;
filter:alpha(opacity=0); 
opacity:0.0;
}
-->
</style>
<div style='display:inline' mobile='no'>
<div id='subscribe' mobile='no'>
<div id="position">
<div id="samuellins">
</div>
</div>
<div id="lightbox"></div>
<div id="lightboxContent"><div id="curtir"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Freceitassaborosasdemais/?ref=tn_tnmn1&amp;width=315&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=290" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:315px; height:290px;" allowtransparency="true" onclick="document.getElementByID('lightboxContent').style.display='none';"></iframe><div id="fechar" onclick="document.getElementByID('lightboxContent').style.display='none';"><b></b></div></div></div>
</div></div>
#22

KKK… Eu quis dizer pra compartilhar TODO o código do seu template de teste, mas tudo bem, tentei criar um widget aqui com o código que passou agora e o popup abriu e eu consegui algum resultado, vamos ver se vai funcionar ai.

O que eu fiz foi pegar o código que você mostrou e adicionar ao final dele a seguinte linha:

<script>setTimeout( function() { $q("#lightbox, #lightboxContent").hide(); }, 5000 );</script>

O código completo ficou assim, teste e veja se dá resultado.

<script src='http://yourjavascript.com/01114252230/jquery-min.js'></script>
<script src="http://yourjavascript.com/18530532124/jquery-colorbox-min.js"></script>
<script type="text/javascript">
function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*2*60*60*1000));        
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {
    createCookie(name,"",-1);
}
jQuery(document).ready(function() {
    var visited = readCookie('visited');
    if (!visited || visited !== "true") {
        createCookie('visited', "true", 1);
        $.colorbox({width:"400px", inline:true, href:"#subscribe"});
    }
});
</script>
<script type="text/javascript" src="http://yourjavascript.com/14222701305/google-jquery-min.js"></script>
<script type="text/javascript">
// JavaScript Document
 var $q = jQuery.noConflict();
$q(document).ready(function()
{
$q("#lightbox, #lightboxContent").click(function(){
$q("#lightbox, #lightboxContent").hide();
})});
</script>
<style type="text/css">
#lightbox {
    background-color: #000;
    float: left;
    height: 100%;
    opacity: 0.9;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    position: fixed;
    width: 100%;
	z-index:998;    
}   
 
#lightboxContent {
    background-image: url("https://3.bp.blogspot.com/-xw8mm2DYpyk/VtndWWX3hDI/AAAAAAAAHJ0/SK-IzSJqGM4/s1600/script%2Bfacebook.png");
	background-repeat:no-repeat;
    margin: 0 auto;
    opacity: 997;
    padding-top: 43px;
    width: 331px;
    height: 343px;
    z-index:999;
    cursor:pointer;
    margin-left: -157px; /* metade da largura */
    margin-top: -145px; /* metade da altura */
    position: fixed;
    top: 60%;
    left: 50%;
    text-align: center;
}
#fechar {
z-index:10;
}
</style>
<style type="text/css">
<!--
#curtir {
z-index:998;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
if (document.all){}
else document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=mouse;
function mouse(e)
{
if (navigator.appName == 'Netscape'){
xcurs = e.pageX;
ycurs = e.pageY;
} else {
xcurs = event.clientX;
ycurs = event.clientY;
}
document.getElementById('position').style.left = (xcurs-150)+'px';
document.getElementById('position').style.top = (ycurs-125)+'px';
}
</script>
<style type="text/css">
<!--
#position {
position: absolute;
z-index:999999;
filter:alpha(opacity=0); 
opacity:0.0;
}
-->
</style>
<div style='display:inline' mobile='no'>
<div id='subscribe' mobile='no'>
<div id="position">
<div id="samuellins">
</div>
</div>
<div id="lightbox"></div>
<div id="lightboxContent"><div id="curtir"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Freceitassaborosasdemais/?ref=tn_tnmn1&amp;width=315&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=290" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:315px; height:290px;" allowtransparency="true" onclick="document.getElementByID('lightboxContent').style.display='none';"></iframe><div id="fechar" onclick="document.getElementByID('lightboxContent').style.display='none';"><b></b></div></div></div>
</div></div>

<script>setTimeout( function() { $q("#lightbox, #lightboxContent").hide(); }, 5000 );</script>
1 curtida