nicht angemeldet
hi struppi,
danke fuer die hilfe aber es klappt noch nicht ganz..
hab den code jetzt ein wenig geaendert, im IE taucht keine fehlermeldung mehr auf, aber die sliding funktion geht erst wenn man die seite "refresht" vorher nicht...
...kanns mir auch nicht ganz erklaeren..
steht die variable an der falschen stelle?
oder laeuft das skript auf deinem computer mit IE ohne probleme? vielleicht ist es ja nur hier mein lokaler arbeitspc komisch?
hier der code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Title Goes Here</title>
<body onload="javascript:checkCookie('open')">
<script type="text/javascript">
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 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+"; path=/";
}
function checkCookie(name) {
var x = readCookie(name)
if (x == 'false') {obj = document.getElementById("boxDiv");
obj.style.left = "-130px";
} else if (x == 'true') {
obj = document.getElementById("boxDiv");
obj.style.left = "0px";
}
}
function slideRight(){
var obj = document.getElementById("boxDiv");
if (obj){
if(parseInt(obj.style.left) < 0){
obj.style.left = parseInt(obj.style.left) + 10 + "px";
setTimeout("slideRight()",50);
}
}
}
function slideLeft(){
var obj = document.getElementById("boxDiv");
if (obj){
if(parseInt(obj.style.left) > -130){
obj.style.left = parseInt(obj.style.left) - 10 + "px";
setTimeout("slideLeft()",50);
}
}
}
</script>
<style type="text/css">
#boxDiv {
position: absolute;
left: -130px;
top: 0px;
z-index: 1000;
width: 130px;
height: 180px;
background: #eaeaea;
opacity: 0.80;
filter: alpha(opacity=80);
}
p {
text-align: right;
}
</style>
</head>
<body>
<p>This is my web page</p>
<br>
<p>onclick: <a href="javascript:slideRight(); createCookie('open','true',0) ">slideRight</a> <a href="javascript:slideLeft(); createCookie('open','false',0)">slideLeft</a></p>
<div id="boxDiv">dies ist die Testbox</div>
</body>
</html>
Struppi
Der Martin