i wanna die :(( :(( :((
after setup and testing, i looks great (for me) and working under firefox,
<style>
#disclhead {
text-align: left;
position: absolute;
border: 1px solid #FF5500;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 10px;
background: #007800;
background: -moz-linear-gradient(#00dd00, #007800);
background: -webkit-linear-gradient(#00dd00, #007800);
background: -o-linear-gradient(#00dd00, #007800);
font-size: 20px;
width: 378px;
color: white;
}
#disclclose {
text-align: center;
border: 1px solid #007800;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 5px;
background: #FF8D54;
background: -moz-linear-gradient(#FF8D54, #BC4001);
background: -webkit-linear-gradient(#FF8D54, #BC4001);
background: -o-linear-gradient(#FF8D54, #BC4001);
font-size: 16px;
width: 393px;
cursor:pointer;
}
#disclclose:hover {
background: #007800;
background: -moz-linear-gradient(#00dd00, #007800);
background: -webkit-linear-gradient(#00dd00, #007800);
background: -o-linear-gradient(#00dd00, #007800);
}
#overlay{
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
opacity:.80;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
z-index:1001;
}
#announcement{
display: none;
position: absolute;
width: 400px;
padding: 0 16px;
border: 2px solid #007800;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #fff;
padding: 10px;
text-align: justify;
font-size: 12px;
z-index:1002;
}
</style>
[COLOR="#FF0000"]<b:if cond='data:blog.pageType == "item"'>[/COLOR]
<div id="announcement">
<div id='disclhead'>
Terms of use
</div>
<br />
<br />
<br />
<br />Lore ipsum ...
<br />
<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi...
<br />
<br />
<a id="close" style="text-decoration: none; color: #fff;">
<div id='disclclose'>
<b>I Agree</b>
</div>
</a>
</div>
[COLOR="#FF0000"]</b:if>[/COLOR]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ciupercomania.googlecode.com/svn/trunk/jquery.cookie.js"></script>
<script type='text/javascript'>
jQuery.fn.center = function () {
var w = $(window);
this.css("position", "absolute");
this.css("top", Math.max(0, ((w.height() - $(this).outerHeight()) / 2) + w.scrollTop()) + "px");
this.css("left", Math.max(0, ((w.width() - $(this).outerWidth()) / 2) + w.scrollLeft()) + "px");
return this;
}
var hasSeenTerms = $.cookie("terms");
if (!hasSeenTerms) {
setTimeout(function () {
$('<div>', {
id: 'overlay'
}).appendTo('body');
$("#announcement").fadeIn('slow').center();
}, 3000);
}
$("#close").click(function (e) {
localStorage.setItem("hasSeenTerms", "true");
$.cookie("terms", true, {
expires: 1,
path: '/'
});
$("#announcement").remove();
$("#overlay").remove();
e.preventDefault();
});
</script>
but for unknown reason the very same code don’t work under IE (i’m not tested yet under chrome or other browsers).
the fail under IE occurs at the close function, which don’t close the announcement and overlay DIV’s (but i repeat it, it works with firefox).
I different aspects it’s the fact that even at this stage i tried it on blogger.com and there occurs another fail 
- the overlay came up with the specified delay
- the announcement DIV don’t show up at all
- due to no announcement, is no close button and implicitly the overlay stay forever with blocked “background”
this code part makes the cookie available on all pages from my blog
$.cookie("terms", true, {
path: '/'
but same time, this code:
<b:if cond='data:blog.pageType == "item"'>
-code here-
</b:if>
should limit the popup announcement to be work only on article posts, not on index. but the above given code works as described above on index page too.
any idea what i’m doing wrong?
