Revision: 3675
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at August 30, 2007 09:20 by ctran
Initial Code
Position.center = function(element){
var options = Object.extend({
zIndex: 999,
update: false
}, arguments[1] || {});
element = $(element)
if(!element._centered){
Element.setStyle(element, {position: 'absolute', zIndex: options.zIndex });
element._centered = true;
}
var dims = Element.getDimensions(element);
Position.prepare();
var winSize = Position.getWindowSize();
var winWidth = winSize.width;
var winHeight = winSize.height;
var offLeft = (Position.deltaX + Math.floor((winWidth-dims.width)/2));
var offTop = (Position.deltaY + Math.floor((winHeight-dims.height)/2));
element.style.top = ((offTop != null && offTop > 0) ? offTop : '0')+ 'px';
element.style.left = ((offLeft != null && offLeft > 0) ? offLeft :'0') + 'px';
if (options.update) {
Event.observe(window, 'resize', function(evt) { Position.center(element); }, false);
Event.observe(window, 'scroll', function(evt) { Position.center(element); }, false);
}
}
Initial URL
Initial Description
Center a give element. Requires prototype.js
Initial Title
Position.center
Initial Tags
Initial Language
JavaScript