Hi, habe folgendes Script, das ein permanentes Logo oben rechts einblenden soll, also welches beim scrollen an der Stelle bleibt.
Es funktioniert in allen Browsern (ab v4), nur nicht im IE, und ich finde den Fehler einfach nicht. Habe nur hrausfunden, dass die Variable x, die die Position horizontal bestimmt und aktualisiert schon einen falschen Wert hat (zu groß). Dsa Logo wird also eingeblendet, nur wenn ich viel Quertext mache, erscheint es ganz rechts und ist nicht mehr zu sehen. Aber an der Zeile
var x = document.body.clientWidth + document.body.scrollLeft - 89;
kann ich keinen Fehler finden...
Würde mich freuen, wenn jemand weiter weiß!
Vielen Dank und viele Grüße - Frank
<script type="text/javascript" language="javascript">
function init(){
setVisibility("logo", true);
anim();
}
function setVisibility(id, bool){
var ref;
if(document.all){
eval("ref = document.all." + id + ".style");
}
else if(document.layers){
eval("ref = document." + id + "");
}
else if(document.getElementById){
ref = document.getElementById(id).style;
}
if(bool){
ref.visibility = "visible";
}
else{
ref.visibility = "hidden";
}
}
function setPosX(id, n){
if(document.all){
eval("document.all." + id + ".style.posLeft = " + n);
}
else if(document.layers){
eval("document." + id + ".left = " + n);
}
else if(document.getElementById){
document.getElementById(id).style.left = n + "px";
}
}
function setPosY(id, n){
if(document.all){
eval("document.all." + id + ".style.posTop = " + n);
}
else if(document.layers){
eval("document." + id + ".top = " + n);
}
else if(document.getElementById){
document.getElementById(id).style.top = n + "px";
}
}
function anim(e){
if(document.layers){
var x = window.innerWidth + window.pageXOffset - 100;
var y = window.pageYOffset;
}
else if(document.all){
var x = document.body.clientWidth + document.body.scrollLeft - 89;
var y = document.body.scrollTop;
}
else if(document.getElementById){
var x = window.innerWidth + window.pageXOffset - 100;
var y = window.pageYOffset;
}
setPosX("logo", x);
setPosY("logo", y);
setTimeout("anim()", 50);
}
</script>
<style type="text/css">
a{color:#000000; text-decoration:none;}
</style>
</head>
<body onload="init();">
<div id="logo" style=" visibility:hidden;position:absolute;"><a href="#"><img src="LOGO.GIF" border="0" /></a></div>