/*fixing bug 22484 */
Ext.override(Ext.Window.DD, {
startDrag: function() {
var w = this.win;
this.proxy = w.ghost();
w.constrain = true;
if (w.constrain !== false) {
var so = w.el.shadowOffset;
this.constrainTo(w.container, { right: so, left: so, bottom: so });
} else if (w.constrainHeader !== false) {
var s = this.proxy.getSize();
this.constrainTo(w.container, { right: -(s.width - this.headerOffsets[0]), bottom: -(s.height - this.headerOffsets[1]) });
}
}
}
);
/**Fixing bug 22235
**/
Ext.override(Ext.grid.RowSelectionModel, {
handleMouseDown : function(g, rowIndex, e){
if(e.button !== 0 || this.isLocked()){
return;
}
var view = this.grid.getView();
if(e.shiftKey && !this.singleSelect && this.last !== false){
var last = this.last;
this.selectRange(last, rowIndex, e.ctrlKey);
this.last = last; // reset the last
if (this.focusRow) view.focusRow(rowIndex);
}else{
var isSelected = this.isSelected(rowIndex);
if(e.ctrlKey && isSelected){
this.deselectRow(rowIndex);
}else if(!isSelected || this.getCount() > 1){
this.selectRow(rowIndex, e.ctrlKey || e.shiftKey);
if(this.focusRow) view.focusRow(rowIndex);
}
}
}
}
);
/**
fixing bug 19002
**/
Ext.dd.Registry = function() {
var elements = {};
var handles = {};
var autoIdSeed = 0;
var getId = function(el, autogen) {
if (typeof el == "string") {
return el;
}
var id = el.id;
if (!id && autogen !== false) {
id = "extdd-" + (++autoIdSeed);
el.id = id;
}
return id;
};
return {
/**
* Resgister a drag drop element
* @param {String/HTMLElement) element The id or DOM node to register
* @param {Object} data (optional) An custom data object that will be passed between the elements that are involved
* in drag drop operations. You can populate this object with any arbitrary properties that your own code
* knows how to interpret, plus there are some specific properties known to the Registry that should be
* populated in the data object (if applicable):
*
Value Description
--------- ------------------------------------------
handles Array of DOM nodes that trigger dragging
for the element being registered
isHandle True if the element passed in triggers
dragging itself, else false
*/
register: function(el, data) {
data = data || {};
if (typeof el == "string") {
el = document.getElementById(el);
}
data.ddel = el;
elements[getId(el)] = data;
if (data.isHandle !== false) {
handles[data.ddel.id] = data;
}
if (data.handles) {
var hs = data.handles;
for (var i = 0, len = hs.length; i < len; i++) {
handles[getId(hs[i])] = data;
}
}
},
/**
* Unregister a drag drop element
* @param {String/HTMLElement) element The id or DOM node to unregister
*/
unregister: function(el) {
var id = getId(el, false);
var data = elements[id];
if (data) {
delete elements[id];
if (data.handles) {
var hs = data.handles;
for (var i = 0, len = hs.length; i < len; i++) {
delete handles[getId(hs[i], false)];
}
}
}
},
/**
* Returns the handle registered for a DOM Node by id
* @param {String/HTMLElement} id The DOM node or id to look up
* @return {Object} handle The custom handle data
*/
getHandle: function(id) {
if (typeof id != "string") { // must be element?
id = id.id;
}
return handles[id];
},
/**
* Returns the handle that is registered for the DOM node that is the target of the event
* @param {Event} e The event
* @return {Object} handle The custom handle data
*/
getHandleFromEvent: function(e) {
var t = Ext.lib.Event.getTarget(e);
return t ? handles[t.id] : null;
},
/**
* Returns a custom data object that is registered for a DOM node by id
* @param {String/HTMLElement} id The DOM node or id to look up
* @return {Object} data The custom data
*/
getTarget: function(id) {
if (typeof id != "string") { // must be element?
id = id.id;
}
return elements[id];
},
/**
* Returns a custom data object that is registered for the DOM node that is the target of the event
* @param {Event} e The event
* @return {Object} data The custom data
*/
getTargetFromEvent: function(e, checkMarkup) {
var t = Ext.lib.Event.getTarget(e);
if (t != null && t.id == "ext-ddMarkup" && checkMarkup)
t = t.parentNode;
return t ? elements[t.id] || handles[t.id] : null;
}
};
} ();
/* adding the function getSelection() to ext.grid.gridPanel after the migartin to extjs 3.1.1 */
Ext.override(Ext.grid.GridPanel, {
getSelections: function() {
return this.getSelectionModel().getSelections();
}
});
/* Bug: correct IE8 to use document.documentMode instead of just IE version (IE8 in Compatibility Mode using IE8 will state 7.00 as the browser version) */
if (Ext.isIE && document.documentMode === 8) {
Ext.isIE7 = false;
Ext.isIE8 = true;
}
/* Enhancement: Remove default stateful:true for all components (ExtJS 3.1.1) */
Ext.override(Ext.Component, { stateful: false });
Ext.override(Ext.Element, {
/* Bug: Avoid FF error on chrome elements (ExtJS 3.1.1) */
contains: function(el) {
if (!el) { return false; }
try { return Ext.lib.Dom.isAncestor(this.dom, el.dom ? el.dom : el); }
catch (e) { return false; }
}
});
/* Bug: getDom Override to avoid access denied bug (ExtJS 3.1.1) */
Ext.getDom = function(el,strict){
if(!el || !document) return null;
if (el.dom) return el.dom;
if (!Ext.isString(el)) return el;
/* Change: Fix issue with back button and IFRAME (while unloading page, would get Access Denied otherwise) */
var e;
try {
e = document.getElementById(el);
} catch(ex) {
e = null;
}
// IE returns elements with the 'name' and 'id' attribute.
// we do a strict check to return the element with only the id attribute
if (e && Ext.isIE && strict) return el == e.getAttribute('id')? e: null;
return e;
};
Ext.override(Ext.tree.TreeNodeUI, {
// Enhancement: Add Text Wraping to Tree Nodes (this.node.ownerTree.wrapText) (ExtJS 3.1.1)
renderElements : function(n, a, targetNode, bulkRender){
// add some indent caching, this helps performance when rendering a large tree
this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
/* Change: Add wrapText property so white-space:normal */
var cb = Ext.isBoolean(a.checked),
nel,
href = a.href ? a.href : Ext.isGecko ? "" : "#",
buf = ['
';
}
};
Ext.override(Ext.grid.GridView, {
/* Enhancement: Allow Wrap Text (ExtJS 3.1.1) */
initTemplates: function() {
var ts = this.templates || {};
if (!ts.master) {
ts.master = new Ext.Template(
'
',
'
',
'
{header}
',
'
{body}
',
'
',
'
',
'
',
'
'
);
}
if (!ts.header) {
ts.header = new Ext.Template(
'
',
'
{cells}
',
'
'
);
}
if (!ts.hcell) {
ts.hcell = new Ext.Template(
'
', this.grid.enableHdMenu ? '' : '',
'{value}',
'
'
);
}
if (!ts.body) {
ts.body = new Ext.Template('{rows}');
}
if (!ts.row) {
ts.row = new Ext.Template(
'
',
'
{cells}
',
(this.enableRowBody ? '
{body}
' : ''),
'
'
);
}
if (!ts.cell) {
/* Change */
ts.cell = new Ext.Template(
'
',
this.wrapText ?
'
{value}
',
'
'
);
}
for (var k in ts) {
var t = ts[k];
if (t && Ext.isFunction(t.compile) && !t.compiled) {
t.disableFormats = true;
t.compile();
}
}
this.templates = ts;
this.colRe = new RegExp('x-grid3-td-([^\\s]+)', '');
}
});
/* PANEL */
Ext.override(Ext.Panel, {
/* Bug: Compatibility with PNGfix (firstChild returned VML tag instead of proper div) */
getFrameWidth: function() {
var w = this.el.getFrameWidth('lr') + this.bwrap.getFrameWidth('lr');
if (this.frame) {
/* Change: get elements by class name */
var l = this.bwrap.first('.x-window-ml');
if (l == null) {
return w;
}
var r = l.first('.x-window-mr');
w += (Ext.fly(l).getFrameWidth('l') + Ext.fly(r).getFrameWidth('r'));
w += this.mc.getFrameWidth('lr');
}
return w;
},
/* Enchancement 3.1.1: Add autoWidthToolbars (bool) property */
autoWidthToolbars:true,
onResize : function(w, h){
if(Ext.isDefined(w) || Ext.isDefined(h)){
if(!this.collapsed){
// First, set the the Panel's body width.
// If we have auto-widthed it, get the resulting full offset width so we can size the Toolbars to match
// The Toolbars must not buffer this resize operation because we need to know their heights.
if(Ext.isNumber(w)){
this.body.setWidth(w = this.adjustBodyWidth(w - this.getFrameWidth()));
} else if (w == 'auto') {
w = this.body.setWidth('auto').dom.offsetWidth;
} else {
w = this.body.dom.offsetWidth;
}
if (!this.autoWidthToolbars) { // Edit
if(this.tbar){
this.tbar.setWidth(w);
if(this.topToolbar){
this.topToolbar.setSize(w);
}
}
if(this.bbar){
this.bbar.setWidth(w);
if(this.bottomToolbar){
this.bottomToolbar.setSize(w);
// The bbar does not move on resize without this.
if (Ext.isIE) {
this.bbar.setStyle('position', 'static');
this.bbar.setStyle('position', '');
}
}
}
if(this.footer){
this.footer.setWidth(w);
if(this.fbar){
this.fbar.setSize(Ext.isIE ? (w - this.footer.getFrameWidth('lr')) : 'auto');
}
}
} // Edit
// At this point, the Toolbars must be layed out for getFrameHeight to find a result.
if(Ext.isNumber(h)){
h = Math.max(0, this.adjustBodyHeight(h - this.getFrameHeight()));
this.body.setHeight(h);
}else if(h == 'auto'){
this.body.setHeight(h);
}
if(this.disabled && this.el._mask){
this.el._mask.setSize(this.el.dom.clientWidth, this.el.getHeight());
}
}else{
// Adds an event to set the correct height afterExpand. This accounts for the deferHeight flag in panel
this.queuedBodySize = {width: w, height: h};
if(!this.queuedExpand && this.allowQueuedExpand !== false){
this.queuedExpand = true;
this.on('expand', function(){
delete this.queuedExpand;
this.onResize(this.queuedBodySize.width, this.queuedBodySize.height);
}, this, {single:true});
}
}
this.onBodyResize(w, h);
}
this.syncShadow();
Ext.Panel.superclass.onResize.call(this);
}
});
/* CHECK BOX */ // Can we just use setValue? *Is this used?*
Ext.override(Ext.form.Checkbox,{
/* Enhancement: adding a method to setChecked similar to Ext.menu.CheckItem */
setChecked: function(state, suppressEvent) {
if (window.console) console.log('Ext-Extension::Ext.form.CheckBox::setChecked', arguments);
var checked = this.checked;
this.checked = (state === true || state === 'true' || state == '1' || String(state).toLowerCase() == 'on');
if(this.rendered){
this.el.dom.checked = this.checked;
this.el.dom.defaultChecked = this.checked;
this.wrap[this.checked? 'addClass' : 'removeClass'](this.checkedCls);
}
this.checked = state;
if (suppressEvent !== true) {
this.fireEvent("checkchange", this, state);
}
}
});
/* COLUMN TREE (ExtJS 2.1.1) */
Ext.tree.ColumnTree = Ext.extend(Ext.tree.TreePanel, {
lines: false,
borderWidth: Ext.isBorderBox ? 0 : 2, // the combined left/right border for each cell
cls: 'x-column-tree',
onRender: function() {
Ext.tree.ColumnTree.superclass.onRender.apply(this, arguments);
this.root.on({
scope: this.el
, beforeload: this.el.mask.createDelegate(this.el, ['Loading...', 'x-mask-loading'])
, load: this.el.unmask
, loadexception: this.el.unmask
});
this.headers = this.body.createChild({ cls: 'x-tree-headers', style: '' }, this.innerCt.dom);
var cols = this.columns, c;
var colW = this.getColWidths();
for (var i = 0, len = cols.length; i < len; i++) {
c = cols[i];
var el = this.headers.createChild({
tag: 'span',
cls: 'x-tree-hd ' + (c.cls ? c.cls + '-hd' : ''),
cn: {
cls: 'x-tree-hd-text',
html: c.header
},
style: 'width:' + (colW[i] - this.borderWidth) + 'px;'
});
}
this.headers.createChild({ cls: 'x-clear' });
},
getColWidths: function() {
var cols = this.columns;
var w, ws = [];
var t = 0;
var c = 0;
for (var i = 0, iL = cols.length; i < iL; i++) {
w = cols[i].width;
if (!isNaN(w)) t += w;
else c++;
ws.push(w);
}
var m, tL = this.getInnerWidth() - t - this.borderWidth;
var rL = tL;
for (var i = ws.length; i-- > 0; ) {
if (isNaN(ws[i])) {
m = (/(\d+)\%/).exec(cols[i].width);
w = m != null && !isNaN(m[1]) ? Math.min((m[1] / 100) * tL, rL) : rL / (c || 1);
ws[i] = w;
rL -= w;
c--;
}
}
return ws;
}
});
/* COLUMN NODE UI (ExtJS 2.1.1) */
Ext.tree.ColumnNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {
focus: Ext.emptyFn, // prevent odd scrolling behavior
onCheckChange: function(e) {
//check/uncheck children
var node, checked = this.isChecked();
for (var i = this.node.childNodes.length; i-- > 0; ) {
node = this.node.childNodes[i];
if (node.ui) node.ui.toggleCheck(checked);
}
Ext.tree.ColumnNodeUI.superclass.onCheckChange.apply(this, arguments);
},
onClick: function(e)
{var target=e.target;
if(Ext.fly(target).hasClass('x-grid3-check-col-on'))
{ Ext.fly(target).removeClass('x-grid3-check-col-on');
Ext.fly(target).addClass('x-grid3-check-col')
}
else
if(Ext.fly(target).hasClass('x-grid3-check-col'))
{
Ext.fly(target).removeClass('x-grid3-check-col');
Ext.fly(target).addClass('x-grid3-check-col-on');
}
else
Ext.tree.ColumnNodeUI.superclass.onClick.apply(this, arguments);
},
renderElements: function(n, a, targetNode, bulkRender) {
this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
var t = n.getOwnerTree();
var cols = t.columns;
var colW = t.getColWidths();
var bw = t.borderWidth;
var c = cols[0];
var cb = typeof a.checked == 'boolean';
var buf = [
'
',
'' : 'px;">',
'', this.indentMarkup, "",
'',
cb ? ('' : '/>')) : '',
'',
'',
'', n.text || (c.renderer ? c.renderer(a[c.dataIndex], n, a) : a[c.dataIndex]), "",
""];
for (var i = 1, len = cols.length; i < len; i++) {
c = cols[i];
buf.push('',
'', (c.renderer ? c.renderer(a[c.dataIndex], n, a) : a[c.dataIndex]), "",
"");
}
buf.push(
'
',
'
',
"
");
if (bulkRender !== true && n.nextSibling && n.nextSibling.ui.getEl()) {
this.wrap = Ext.DomHelper.insertHtml("beforeBegin", n.nextSibling.ui.getEl(), buf.join(""));
} else {
this.wrap = Ext.DomHelper.insertHtml("beforeEnd", targetNode, buf.join(""));
}
this.elNode = this.wrap.childNodes[0];
this.ctNode = this.wrap.childNodes[1];
var cs = this.elNode.firstChild.childNodes;
this.indentNode = cs[0];
this.ecNode = cs[1];
var index = 2;
if (cb) {
this.checkbox = cs[2];
//var node = this;
//this.checkbox.onchange = function(e) {
//console.log(node);
// if (node.hasChildren)
//}
// fix for IE6
this.checkbox.defaultChecked = this.checkbox.checked;
index++;
}
this.iconNode = cs[index++];
this.anchor = cs[index];
this.textNode = cs[index].firstChild;
}
});
/* Enhancement: Used to redirect when AJAX request is sent to login page */
Ext.Ajax.on('requestcomplete', function(event, response) {
// HTTP Status: 301, 302, 303, 307 = Redirect to "Location" field
// if (response.status == 301) window.top.location = response.getResponseHeader('Location');
if (response.responseText.indexOf("View_root_Login_Index") > -1) { // the timeout message that should have been printed the page
window.parent.location.replace("/Login"); // to the page which showed the timeout alert and then sent it to logon page
}
if (response.responseText.indexOf("View_Ondemand_Home_Index") > -1) {
window.parent.location.replace("/OnDemand/Home");
}
}, this);
Ext.override(Ext.form.Action.Submit, {
/* Enhancement: try catch to fix js error when decode syntax exception */
handleResponse: function(response) {
if (this.form.reader) {
var rs = this.form.reader.read(response);
var data = rs.records && rs.records[0] ? rs.records[0].data : null;
return {
success: rs.success,
data: data
};
}
var result;
try {
result = Ext.decode(response.responseText);
} catch (e) {
result = response.responseText;
}
return result;
}
});
Ext.History = (function() {
var iframe, hiddenField,
ready = false,
currentToken,
ignoreNext = false;
function getHash() {
var href = top.location.href, i = href.indexOf("#");
return i >= 0 ? href.substr(i + 1) : null;
}
function doSave() {
hiddenField.value = currentToken;
}
function handleStateChange(token) {
currentToken = token;
if (!(token == ignoreNext)) {
Ext.History.fireEvent('change', token);
}
ignoreNext = false;
}
function updateIFrame(token) {
var html = ['
', Ext.util.Format.htmlEncode(token), '
'].join('');
try {
var doc = iframe.contentWindow.document;
doc.open();
doc.write(html);
doc.close();
return true;
} catch (e) {
return false;
}
}
function checkIFrame() {
if (!iframe.contentWindow || !iframe.contentWindow.document) {
setTimeout(checkIFrame, 10);
return;
}
var doc = iframe.contentWindow.document,
elem = doc.getElementById("state"),
token = elem ? elem.innerText : null,
hash = getHash();
setInterval(function() {
doc = iframe.contentWindow.document;
elem = doc.getElementById("state");
var newtoken = elem ? elem.innerText : null,
newHash = getHash();
if (newtoken !== token) {
token = newtoken;
handleStateChange(token);
top.location.hash = token;
hash = token;
doSave();
} else if (newHash !== hash) {
hash = newHash;
updateIFrame(newHash);
}
}, 50);
ready = true;
Ext.History.fireEvent('ready', Ext.History);
}
function startUp() {
currentToken = hiddenField.value ? hiddenField.value : getHash();
if (Ext.isIE && !Ext.isIE8) {
checkIFrame();
} else {
var hash = getHash();
setInterval(function() {
var newHash = getHash();
if (newHash !== hash) {
hash = newHash;
handleStateChange(hash);
doSave();
}
}, 50);
ready = true;
Ext.History.fireEvent('ready', Ext.History);
}
}
return {
/**
* The id of the hidden field required for storing the current history token.
* @type String
* @property
*/
fieldId: 'x-history-field',
/**
* The id of the iframe required by IE to manage the history stack.
* @type String
* @property
*/
iframeId: 'x-history-frame',
events: {},
/**
* Initialize the global History instance.
* @param {Boolean} onReady (optional) A callback function that will be called once the history
* component is fully initialized.
* @param {Object} scope (optional) The scope (this reference) in which the callback is executed. Defaults to the browser window.
*/
init: function(onReady, scope) {
if (ready) {
Ext.callback(onReady, scope, [this]);
return;
}
if (!Ext.isReady) {
Ext.onReady(function() {
Ext.History.init(onReady, scope);
});
return;
}
hiddenField = Ext.getDom(Ext.History.fieldId);
if (Ext.isIE && !Ext.isIE8) {
iframe = Ext.getDom(Ext.History.iframeId);
}
this.addEvents(
/**
* @event ready
* Fires when the Ext.History singleton has been initialized and is ready for use.
* @param {Ext.History} The Ext.History singleton.
*/
'ready',
/**
* @event change
* Fires when navigation back or forwards within the local page's history occurs.
* @param {String} token An identifier associated with the page state at that point in its history.
*/
'change'
);
if (onReady) {
this.on('ready', onReady, scope, { single: true });
}
startUp();
},
/**
* Add a new token to the history stack. This can be any arbitrary value, although it would
* commonly be the concatenation of a component id and another id marking the specifc history
* state of that component. Example usage:
*
// Handle tab changes on a TabPanel
tabPanel.on('tabchange', function(tabPanel, tab){
Ext.History.add(tabPanel.id + ':' + tab.id);
});
* @param {String} token The value that defines a particular application-specific history state
* @param {Boolean} preventDuplicates When true, if the passed token matches the current token
* it will not save a new history step. Set to false if the same state can be saved more than once
* at the same history stack location (defaults to true).
*/
add: function(token, preventDup, suppressEvent) {
if (preventDup !== false) {
if (this.getToken() == token) {
return true;
}
}
if (suppressEvent) {
ignoreNext = token;
}
if (Ext.isIE && !Ext.isIE8) {
return updateIFrame(token);
} else {
top.location.hash = token;
return true;
}
},
/**
* Programmatically steps back one step in browser history (equivalent to the user pressing the Back button).
*/
back: function() {
history.go(-1);
},
/**
* Programmatically steps forward one step in browser history (equivalent to the user pressing the Forward button).
*/
forward: function() {
history.go(1);
},
/**
* Retrieves the currently-active history token.
* @return {String} The token
*/
getToken: function() {
return ready ? currentToken : getHash();
}
};
})();
Ext.apply(Ext.History, new Ext.util.Observable());
Ext.override(Ext.data.Store, {
sort: function(fieldName, dir) {
var f = this.fields.get(fieldName);
if (!f) {
return false;
}
if (!dir) {
if (this.sortInfo && this.sortInfo.field == f.name) { // toggle sort dir
dir = (this.sortToggle[f.name] || 'ASC').toggle('ASC', 'DESC');
} else {
dir = f.sortDir;
}
}
var st = (this.sortToggle) ? this.sortToggle[f.name] : null;
var si = (this.sortInfo) ? this.sortInfo : null;
this.sortToggle[f.name] = dir;
this.sortInfo = { field: f.name, direction: dir };
this.fireEvent('beforesort', this, this.sortInfo);
if (!this.remoteSort) {
this.applySort();
this.fireEvent('datachanged', this);
} else {
if (!this.load(this.lastOptions)) {
if (st) {
this.sortToggle[f.name] = st;
}
if (si) {
this.sortInfo = si;
}
}
}
}
});
Ext.override(Ext.grid.GridView, {
updateHeaderSortState : function(){
var state = this.ds.getSortState();
if(!state){
return;
}
if(!this.sortState || (this.sortState.field != state.field || this.sortState.direction != state.direction)){
this.grid.fireEvent('sortchange', this.grid, state);
}
this.sortState = state;
var sortColumn = this.cm.findColumnIndex(state.field);
if(sortColumn != -1){
var sortDir = state.direction;
this.updateSortIcon(sortColumn, sortDir);
}
},
updateSortIcon: function(col, dir) {
var sc = this.sortClasses;
var hds = this.mainHd.select('td').removeClass(sc);
hds.item(col).addClass(sc[dir == 'DESC' ? 1 : 0]);
}
});
Ext.override(Ext.form.HtmlEditor, {
defaultLinkErrorMessage: 'The link is not valid.',
createLink: function() {
var url = prompt(this.createLinkText, this.defaultLinkValue);
if (url && url != 'http:/' + '/' && url != 'https:/' + '/') {
if (!this.urlCheck(url))
url = 'http:/' + '/' + url;
if (!this.urlCheck(url))
alert(this.defaultLinkErrorMessage);
else
this.relayCmd('createlink', ("javascript:void%20window.open('" + url + "');"));
}
},
urlCheck: function(str) {
var v = new RegExp();
v.compile("^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$");
if (!v.test(str)) {
return false;
}
return true;
}
});
/* Bug (Ext 3.1): IE, getBoundingClientRect called on an orphan element throws an error. */
(function() {
var libFlyweight,
doc = document,
ROUND = Math.round,
PARSEINT = parseInt;
function fly(el) {
if (!libFlyweight) {
libFlyweight = new Ext.Element.Flyweight();
}
libFlyweight.dom = el;
return libFlyweight;
}
Ext.lib.Dom.getXY = function(el) {
var p,
pe,
b,
bt,
bl,
dbd,
x = 0,
y = 0,
scroll,
hasAbsolute,
bd = (doc.body || doc.documentElement),
ret = [0,0];
el = Ext.getDom(el);
if(el != bd){
if (el.getBoundingClientRect) {
// Edit: use (0,0) if exception occurs
try {
b = el.getBoundingClientRect();
} catch(e) {
b = { left:0, top:0 };
}
// End Edit
scroll = fly(document).getScroll();
ret = [ROUND(b.left + scroll.left), ROUND(b.top + scroll.top)];
} else {
p = el;
hasAbsolute = fly(el).isStyle("position", "absolute");
while (p) {
pe = fly(p);
x += p.offsetLeft;
y += p.offsetTop;
hasAbsolute = hasAbsolute || pe.isStyle("position", "absolute");
if (Ext.isGecko) {
y += bt = PARSEINT(pe.getStyle("borderTopWidth"), 10) || 0;
x += bl = PARSEINT(pe.getStyle("borderLeftWidth"), 10) || 0;
if (p != el && !pe.isStyle('overflow','visible')) {
x += bl;
y += bt;
}
}
p = p.offsetParent;
}
if (Ext.isSafari && hasAbsolute) {
x -= bd.offsetLeft;
y -= bd.offsetTop;
}
if (Ext.isGecko && !hasAbsolute) {
dbd = fly(bd);
x += PARSEINT(dbd.getStyle("borderLeftWidth"), 10) || 0;
y += PARSEINT(dbd.getStyle("borderTopWidth"), 10) || 0;
}
p = el.parentNode;
while (p && p != bd) {
if (!Ext.isOpera || (p.tagName != 'TR' && !fly(p).isStyle("display", "inline"))) {
x -= p.scrollLeft;
y -= p.scrollTop;
}
p = p.parentNode;
}
ret = [x,y];
}
}
return ret
}
})();