Vise en div kun én gang (fortsat)
Hello.Jeg er rendt ind i et lille problem med noget javascript som jeg fik lavet herinde i går. Min kode ser således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Eksempel</title>
<script type="text/javascript">
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; pat=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
function hide(uknow){
var o=document.getElementById(uknow);
o.parentNode.removeChild(o);
createCookie("closedbox"+uknow,"true",365);
}
function show(uknow){
var o=document.getElementById(uknow);
if(readCookie("closedbox"+uknow)==="true"){
o.parentNode.removeChild(o);
}
}
</script>
<style type="text/css">
body { margin: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; } img { border: 0; }
.uknow { position: absolute; margin: 15px 0 0 15px; z-index: 10; width: 195px; left: 50%; top: 0; margin: 26px 0 0 300px; }
.uknowHeader { background: url(uknowHeader4.gif); width: 178px; height: 25px; font: 17px Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 17px 0 0 10px; }
.uknowContent { background:url(uknowMiddle3.gif); width: 168px; color: #fff1d6; padding: 0 10px 0 10px; }
.uknowBottom { background: url(uknowBottom4.gif); width: 188px; height: 15px; }
.close { position: absolute; z-index: 20; top: 0; right: 0; margin: 17px 18px 0 0; }
</style>
</head>
<body>
<iframe src="http://pointshop.dk" height="100%" width="100%" frameborder="0" style="z-index: 1; position: absolute;"></iframe>
<div id="uknow" class="uknow">
<div class="uknowHeader">Information</div>
<div class="uknowContent">Noget generel information der bare skal fylde tre linjer..</div>
<div class="uknowBottom"></div>
<a href="#" onclick="hide('uKnow');"><img src="close.gif" class="close" height="12" width="12" alt="Luk boksen"></a>
</div>
<script type="text/javascript">
show("uKnow");
</script>
</body>
</html>
----
Koden fungerer fint i IE, men testes det i FF går det galt - eller rettere sagt, div'en skjules ikke. Nu blev den anden tråd besvaret, så nu prøver vi lige igen i en ny tråd ;-)
Siden kan også ses på: http://proads.dk/simon/close/ (ifram'en er kun sat for syns skyld). Og der er 100 point endnu en gang til den der kan finde en løsning :-)
