| mustangguy1230 |
05-06-2013 04:45 PM |
Welcome Box - Stay closed after exited?
On my site - http://performancefanatic.com - I just added a welcome box for guests using different things I've found online and I want there to be a way for users to click an "X" and have it close that box and have it stay closed for one day.
Below is the script I'm using.
Code:
<script type="text/javascript">
function closeBox(toClose) {document.getElementById(toClose).style.display = "none";setCookie(toClose, "closed", 1);}
function setCookie(cName, value, expiredays) {var expDate = new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName + "=" + escape(value) + ";expires=" + expDate.toGMTString();}
function loadMsg(msgClass) {msg = document.getElementsByTagName("div");for (i=0; i<msg.length; i++){if(msg[i].className == msgClass) {if(document.cookie.indexOf(msg[i].id) == -1) {msg[i].style.display = "block";}}}}
window.onload=function(){loadMsg('msgbox'); }</script>
And below is the code for the welcome box itself.
Code:
<vb:if condition="THIS_SCRIPT != 'register'">
<vb:if condition="$show['guest']">
<div id="message-1" class="msgbox">
<div class="guestwarn">
<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Close This"></a>
Hello Guest! If you're reading this, it means you're not a member of our community yet! <a href="/register.php">Click here</a> to register in a few simple steps and welcome to PerformanceFanatic.com!
<br>
<br>
<center>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fperformancefanatic&send=false&layout=standard&width=260&show_faces=false&font&colorscheme=dark&action=like&height=35&appId=247410391959289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:35px;" allowTransparency="true"></iframe>
</center>
</div>
</div>
</vb:if>
</vb:if>
Any help would be appreciated! |
More Information