mustangguy1230
05-06-2013, 03:45 PM
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.
<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()+expireday s);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.
<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%2Fperforma ncefanatic&send=false&layout=standard&width=260&sh ow_faces=false&font&colorscheme=dark&action=like&h eight=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!
Below is the script I'm using.
<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()+expireday s);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.
<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%2Fperforma ncefanatic&send=false&layout=standard&width=260&sh ow_faces=false&font&colorscheme=dark&action=like&h eight=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!