Announcement

**Duncan Rounding** · 30-May-2013, 09:27 AM

The difference between the two is that the first is a php page that is executed on the server, the second is in SellerDeck and is executed in SellerDeck at the time the pages are produced before uploading.

I think you may have to look at doing this in javascript so that it only executes in the browser. There are quite a few ad ins to do this around the web.

**peblaco** · 30-May-2013, 09:32 AM

Your test site uses index.html, should that be index.php? or have you edited the htaccess to allow php to run?. If you changed it to php and used the first piece of php layout code and not block code you might be in business.

**graphicz** · 30-May-2013, 09:46 AM

One always misses the obvious!

Thank you!

**graphicz** · 31-May-2013, 08:23 AM

This works:

http://www.graphicz.eu.com/kook2.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
span.byebye {cursor:pointer;color: #000066; }
span:hover.byebye {color: #0000CC; text-decoration:underline; }
.style1 {
	color: #0000FF;
	font-family: "Trebuchet MS";
}
.style2 {
	color: #6666CC;
	font-family: "Trebuchet MS";
}
#hello {
	text-align: center;
	width: 200px;
	height: 100px;
	margin: 100px auto 0 auto;
	border: 1px solid #000033;
	background-color: #FFCCFF;
	}
-->
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".byebye").click(function () {
                $("#hello").remove();
            });
        });
    </script>
<script type="text/javascript">
if( !window.localStorage) {
    // no localStorage (old browser) 
    // or just do nothing 
}
else {
    if( !window.localStorage.isReturningVisitor) {
		document.write("<div id=\"hello\">");
		document.write("  <h2 class=\"style1\">Hello<\/h2>");
		document.write("  <p class=\"style2\">This is your first time here<\/p>");
		document.write("<span class=\"byebye\">OK by me - close the div<\/span>");
		document.write("<\/div>");
		
        window.localStorage.isReturningVisitor = true;
    }
}
</script>
</head>

<body>



</body>
</html>

And in Sellerdeck: http://www.graphicz.eu.com/minimal/index.html

I got this concept from Stack Overflow but regret lost the reference to the page.

Announcement

Show div on first page view only

Show div on first page view only

Comment

Comment

Comment

Comment