diff options
| -rw-r--r-- | javascript/bitweaver.js | 33 |
1 files changed, 32 insertions, 1 deletions
diff --git a/javascript/bitweaver.js b/javascript/bitweaver.js index 9955e96..33d8b13 100644 --- a/javascript/bitweaver.js +++ b/javascript/bitweaver.js @@ -1,4 +1,4 @@ -// $Header: /cvsroot/bitweaver/_bit_util/javascript/bitweaver.js,v 1.50 2009/10/08 00:45:03 wjames5 Exp $ +// $Header: /cvsroot/bitweaver/_bit_util/javascript/bitweaver.js,v 1.51 2009/11/10 02:18:12 wjames5 Exp $ // please modify this file and leave plenty of comments. This file will be // compressed automatically. Please make sure you only use comments beginning @@ -1052,11 +1052,42 @@ BitBase = { menuItems[i].onmouseout = function() { this.className = this.className.replace(new RegExp(" iemenuhover\\b"), ""); }; + /* In IE6 brute add iframes to anything that might have a z-index - someone else can narrow this better it doesn't need to be on all LIs */ + BitBase.bgIframe( menuItems[i] ); } } }, /** + * This mess right here ads an iframe behind any element you need to float over selects in that POS IE6 + **/ + "bgIframe": function(e, s) { + /* This is only for IE6 */ + if( document.all && (navigator.userAgent.toLowerCase().indexOf("msie 6.") != -1) ){ + /* @TODO enable override of params */ + s = { + top : 'auto', /* auto == .currentStyle.borderTopWidth */ + left : 'auto', /* auto == .currentStyle.borderLeftWidth */ + width : 'auto', /* auto == offsetWidth */ + height : 'auto', /* auto == offsetHeight */ + opacity : true, + src : 'javascript:void(0);' + }; + + var prop = function(n){return n&&n.constructor==Number?n+'px':n;}, + html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+ + 'style="display:block;position:absolute;z-index:-1;'+ + (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+ + 'top:'+(s.top=='auto'?((parseInt(e.parentNode.style.borderTopWidth)||0)*-1)+'px':prop(s.top))+';'+ + 'left:'+(s.left=='auto'?((parseInt(e.parentNode.style.borderLeftWidth)||0)*-1)+'px':prop(s.left))+';'+ + 'width:'+(s.width=='auto'?e.parentNode.offsetWidth+'px':prop(s.width))+';'+ + 'height:'+(s.height=='auto'?e.parentNode.offsetHeight+'px':prop(s.height))+';'+ + '"/></iframe>'; + e.innerHTML = html+e.innerHTML; + } + }, + + /** * This common short cut can raise all kinds of hell, since it behaves differently for different Ajax libraries * in particularly, jQuery which does things like $('.someclass') to address multiple elements. * |