Asker wrote on 13 mei 2006 in comp.lang.javascript
:
[color=blue]
> Hi I found these functions reading old posts of this newsgroup:
>[/color]
[.. see below ..][color=blue]
>
> In FireFox I get no problems...
>
> In Internet Explorer (6, SP2, WinXP), I get the yellow triangle:
> "Object required". If I only write <body> (without calling the
> function) I get no error. The div exists and its id is divID... what
> could be wrong here?
>[/color]
Works nicely in IE6, perhaps you made an error in the part you do not
show? Try this as a html file:
=====================
<script type='text/jscript'>
function gebi(id){
var i, d = document;
for(i in {getElementById: 0, all: 0, layers: 0})
if(i in d) break;
return d[i] ? d[i][id] || d[i](id) : null;
}
function centerDiv(id){
var o = gebi(id) || {}, w = window, b = document.body;
o.style.left = (o.pageX = (w.innerWidth || b.clientWidth || 0) -
(o.offsetWidth || o.width || 0) >> 1) + "px";
o.style.top = (o.pageY = (w.innerHeight || b.clientHeight || 0) -
(o.offsetHeight || o.height || 0) >> 1) + "px";
}
</script>
<body onload="centerDiv('divID')">
<div id=divID
style='position:absolute;width:200px;border:red 1px solid;'>
Blah</div>
=====================
Please always show error code linenumber with pointer.
I like this code,
but why would you use code you, I presume, do not completely understand?
Or learn by seperate testing:
alert(typeof {});
alert(typeof {}.offsetWidth);
alert(5 >> 1); // bin 101 -> bin 10 -> 2 [or integer devide by 2]
and in the end of the centerDiv() insert:
alert(o.style.left);
alert(o.pageX);
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
