Boas,
Estou a criar o site TrollMaster's.org, um site de humor, etc.
A maioria de vós já deve ter visto que actualmente todos os sites têm uma pop-up em todas as páginas para as pessoas porem gosto....
Eu queria que quando alguem fosse ao meu site abrisse uma pop-up e que mal as pessoas fechassem ela nunca mais aparecesse, pois, pensei em sessions, mas acho que o melhor é usar cookies
tenho este código:
Código :
Que está mesmo como eu quero, so que tem um problema: quando se clica no X em cima, para fechar, a pop-up NÃO FECHA -.-
Preciso de ajuda![:(]()
Estou a criar o site TrollMaster's.org, um site de humor, etc.
A maioria de vós já deve ter visto que actualmente todos os sites têm uma pop-up em todas as páginas para as pessoas porem gosto....
Eu queria que quando alguem fosse ao meu site abrisse uma pop-up e que mal as pessoas fechassem ela nunca mais aparecesse, pois, pensei em sessions, mas acho que o melhor é usar cookies
tenho este código:
Código :
<style type="text/css">
.texto {
display:block;
margin-top: 100px;
text-align: center;
font-size: 70px;
color: #06f;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
background-color: #000;
}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
</style>
</head>
<body <?php body_class(); ?>>
<!-- INICIO DA POP-UP -->
<div id="myModal" class="reveal-modal">
<h1>Ajuda-nos de uma forma simples!</h1>
<p>Ao contrário da maioria dos websites da actualidade, nós não te obrigamos a partilhar videos ou a nossa página para que vejas as nossas postagens, a única coisa que pedimos é que ponhas like, uma coisa simples e que não custa nada a ninguém!</p>
<p>Depois de pores gosto esta pop-up não voltará a chatear-te! Isso não é muito bom? kkk</p>
<p>Ajuda-nos a crescer, o teu like vai ser um obrigado a nós pelo trabalho que temos. Não te custa nada!</p>
<p><center><iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/trollmasters.org&width&layout=button_count&action=like&show_faces=true&share=true&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe></center></p>
<p><i>Depois de clicares em Gosto clica em cima para fechar esta pop-up chata e muito OBRIGADO :)</i></p>
<a class="close-reveal-modal">×</a>
</div>
<script type="text/javascript">
function setCookie( name, value, exp_y, exp_m, exp_d )
{
var cookie_string = name + "=" + escape(value);
var expires = new Date(exp_y, exp_m, exp_d);
cookie_string += "; expires=" + expires.toGMTString();
document.cookie = cookie_string;
}
function getCookie( cookie_name)
{
var results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');
return results ? unescape(results[2]) : null;
}
var execute = function ()
{
if( !getCookie('popup') )
{
document.getElementById('myModal').style.visibility = 'visible';
setCookie('popup', 'visto', 2014, 4, 12);
}
else
console.log('cookie já definido');
};
if ( !!(window.addEventListener) )
window.addEventListener("DOMContentLoaded", execute)
else // MSIE
window.attachEvent("onload", execute)
</script>
<!-- FIM DA POP-UP -->
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<center>
<a href="http://trollmasters.org/" rel="home">
<img src="http://trollmasters.org/wp-content/uploads/2014/08/logo2.png" />
</a>
</center>
<!--<?php earthpro_branding();?>-->
</header><!-- #masthead -->
<div id="top-bar">
<nav id="site-navigation" class="main-navigation" role="navigation">
<div id="topbar-search"><?php get_template_part( 'search', 'topbar' ); ?></div>
<h1 class="menu-toggle"><i class="dashicons dashicons-menu"></i></h1>
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'earthpro' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #site-navigation -->
<div class="clear"></div>
</div>
<?php
if (!is_front_page()) {
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<div id="breadcrumbs-wrap"><div id="breadcrumbs-container"><p id="breadcrumbs">','</p></div></div>');
}
}
?>
<div id="content" class="site-content">
.texto {
display:block;
margin-top: 100px;
text-align: center;
font-size: 70px;
color: #06f;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
background-color: #000;
}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
</style>
</head>
<body <?php body_class(); ?>>
<!-- INICIO DA POP-UP -->
<div id="myModal" class="reveal-modal">
<h1>Ajuda-nos de uma forma simples!</h1>
<p>Ao contrário da maioria dos websites da actualidade, nós não te obrigamos a partilhar videos ou a nossa página para que vejas as nossas postagens, a única coisa que pedimos é que ponhas like, uma coisa simples e que não custa nada a ninguém!</p>
<p>Depois de pores gosto esta pop-up não voltará a chatear-te! Isso não é muito bom? kkk</p>
<p>Ajuda-nos a crescer, o teu like vai ser um obrigado a nós pelo trabalho que temos. Não te custa nada!</p>
<p><center><iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/trollmasters.org&width&layout=button_count&action=like&show_faces=true&share=true&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe></center></p>
<p><i>Depois de clicares em Gosto clica em cima para fechar esta pop-up chata e muito OBRIGADO :)</i></p>
<a class="close-reveal-modal">×</a>
</div>
<script type="text/javascript">
function setCookie( name, value, exp_y, exp_m, exp_d )
{
var cookie_string = name + "=" + escape(value);
var expires = new Date(exp_y, exp_m, exp_d);
cookie_string += "; expires=" + expires.toGMTString();
document.cookie = cookie_string;
}
function getCookie( cookie_name)
{
var results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');
return results ? unescape(results[2]) : null;
}
var execute = function ()
{
if( !getCookie('popup') )
{
document.getElementById('myModal').style.visibility = 'visible';
setCookie('popup', 'visto', 2014, 4, 12);
}
else
console.log('cookie já definido');
};
if ( !!(window.addEventListener) )
window.addEventListener("DOMContentLoaded", execute)
else // MSIE
window.attachEvent("onload", execute)
</script>
<!-- FIM DA POP-UP -->
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<center>
<a href="http://trollmasters.org/" rel="home">
<img src="http://trollmasters.org/wp-content/uploads/2014/08/logo2.png" />
</a>
</center>
<!--<?php earthpro_branding();?>-->
</header><!-- #masthead -->
<div id="top-bar">
<nav id="site-navigation" class="main-navigation" role="navigation">
<div id="topbar-search"><?php get_template_part( 'search', 'topbar' ); ?></div>
<h1 class="menu-toggle"><i class="dashicons dashicons-menu"></i></h1>
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'earthpro' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #site-navigation -->
<div class="clear"></div>
</div>
<?php
if (!is_front_page()) {
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<div id="breadcrumbs-wrap"><div id="breadcrumbs-container"><p id="breadcrumbs">','</p></div></div>');
}
}
?>
<div id="content" class="site-content">
Que está mesmo como eu quero, so que tem um problema: quando se clica no X em cima, para fechar, a pop-up NÃO FECHA -.-
Preciso de ajuda
