Tuesday, 12 February 2019

Jquery: Popup with timer

<!-- Facebook POPUP LikeBox With Timer Code Start Trickstoo-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<style type='text/css'>
#exepopup {
background-color: #fff;
position: fixed;
top: 30%;
z-index: 9999;
display: none;
padding: 0px;
left: 50%;
border: 5px solid rgba(82, 82, 82,
0.7);
-webkit-background-clip: padding-box;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
width: 75%;
height: 500px;
margin-left: -7%;
margin-top: 0px;
overflow: hidden;

}

@media only screen and (min-device-width : 360px) and (max-width: 786px) {

#exepopup {
background-color: #fff;
position: fixed;
top: 30%;
z-index: 9999;
display: none;
padding: 0px;
left: 50%;
border: 5px solid rgba(82, 82, 82, 0.7);
-webkit-background-clip: padding-box;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
width: 320px;
height: 460px;
margin-left: -248px;
margin-top: 0px;
overflow: hidden;
}
}

#exepopup span {
font-size: 20px !important;
font-weight: bold !important;
}

#exepopup h1 {
background: #6d84b4;
border: 1px solid #3b5998 !important;
color: #FFFFFF !important;
font-size: 20px !important;
font-weight: 700 ! important;
padding: 5px !important;
margin: 0 !important;
/* font-family: '"lucida grande",tahoma,verdana,arial,sans-serif !important; */
overflow: hidden !important;
}

.exepopupdata {
font-size: 12px !important;
font-weight: normal ! important;
/* height: 265px !important; */
padding: 1px !important;
background: #6d84b4 ! important;
/* border-bottom: 2px solid #ddd; */
overflow: hidden !important;
}

#exepopupfooter {
text-align: left;
background: #F2F2F2 !important;
height: 56px ! important;
padding: 10px 10px 10px 10px !important;
overflow: hidden !important;
}

#exepopupclose {
float: right;
background-color: #eee !important;
border: 1px solid #ccc !important;
color: #111 !important;
font-weight: bold !important;
padding: 5px 8px 5px 8px !important;
text-decoration: none ! important;
display: inline-block !important;
position: relative !important;
font-size: 18px !important;
margin: 1px ! important;
}

#exepopupclose:active {
top: 1px;
left: 1px;
}


#facebook_like_button_holder {
position: relative;
width: 35px;
height: 35px;
color: #fff;
background: #4267b2;
border-radius: 50%;
}

#facebook_like_button_holder iframe {
position: absolute;
top: 0px;
height: 35px !important;
width: 35px !important;
}

#fake_facebook_button {
pointer-events: none;
position: absolute;
width: 36px;
height: 36px;
left: 0;
top: 0;
}


/* for Tablet & Small Laptop */
</style>
<script type='text/javascript'>
jQuery(document).ready(function () {
function exepopupfunc() {
var sec =  6//popup timer
var timer = setInterval(function () {
$("#exepopupfooter span").text(sec--);
if (sec == 0) {
$("#exepopup").fadeOut("slow");
clearInterval(timer);
}
}, 1000);
var exepopupwindow = jQuery(window).height();
var exepopupdiv = jQuery("#exepopup").height();
var exepopuptop = jQuery(window).scrollTop() + 50;
jQuery("#exepopup").css({ "top": exepopuptop });
}
jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var exepopupww = jQuery(window).width();
//var exepopupwww = jQuery("#exepopup").width();
//var exepopupleft = (exepopupww-exepopupwww)/2;
var exepopupleft = 268;
//var exepopupwindow = jQuery(window).height();
//var exepopupdiv = jQuery("#exepopup").height();
//var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
jQuery("#exepopup").animate({ opacity: "1", left: "0", left: exepopupleft }, 0).show();
jQuery("#exepopupclose").click(function () {
jQuery("#exepopup").animate({ opacity: "0", left: "-5000000" }, 1000).show();
});
});
</script>

<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/ms_MY/sdk.js#xfbml=1&version=v3.2';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id="exepopup">
<h1>Sponsored By : ( Iklan Anda Disini )
<div class="exepopupdata" style="float:right;">

<div id="facebook_like_button_holder">

<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fsuperpantas&width=96&layout=button&action=like&size=small&show_faces=true&share=true&height=65&appId=1275927729128671" width="51" height="65" style="border:none;overflow:hidden;border-radius:20%;margin-top:7px" scrolling="no"
frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>





<div id="fake_facebook_button">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrV3yrE9B6ttBy9kzzGwYvfubb0XTC8Qux_u7U_H8ZTO8KY9T5k2QJ5bUtm9wfmdWyMht32tT21CS7jcxGmjjPMIYl_YPy5y41wvuwpFVSl0OnD_lxCxTU6C9QtnwC3sTHA1slvCOEk9W4/s400/close-2.png" />
</div>

</div>

</div>


</h1>


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHBA3gN3vc1gF4evilDU5_cUwhnduc-xyxShTWSh2cUXEGfPv6VIrIsb6Uhs93eA-SzRLpTjd68GfN4y63SnlPI6irU3YDjJO5_ts5LN6vOLl16nvVxzuYrXQgEylA6OAEeLmUxsTZJjQ/s1600/mencanak.png"
width="100%" />


<div id="exepopupfooter">like Superpantas Page atau tunggu sebentar <span>10</span> Seconds...!!!
<!-- <a href="#" id="exepopupclose" onclick="return false;"></a><br /> -->
</div>
</div>
<!-- Facebook POPUP LikeBox With Timer Code End Trickstoo-->

email mailto: pretext

 <a href="mailto:designoutsourced.com+info@gmail.com?subject=Maklumat%20lanjut%20pakej&body=Hai,%20saya%20berminat%20tahu%20lebi...