123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- define("dojo/window", ["./_base/lang", "./_base/sniff", "./_base/window", "./dom", "./dom-geometry", "./dom-style", "./dom-construct"],
- function(lang, has, baseWindow, dom, geom, style, domConstruct) {
- // feature detection
- /* not needed but included here for future reference
- has.add("rtl-innerVerticalScrollBar-on-left", function(win, doc){
- var body = baseWindow.body(doc),
- scrollable = domConstruct.create('div', {
- style: {overflow:'scroll', overflowX:'hidden', direction:'rtl', visibility:'hidden', position:'absolute', left:'0', width:'64px', height:'64px'}
- }, body, "last"),
- center = domConstruct.create('center', {
- style: {overflow:'hidden', direction:'ltr'}
- }, scrollable, "last"),
- inner = domConstruct.create('div', {
- style: {overflow:'visible', display:'inline' }
- }, center, "last");
- inner.innerHTML=" ";
- var midPoint = Math.max(inner.offsetLeft, geom.position(inner).x);
- var ret = midPoint >= 32;
- center.removeChild(inner);
- scrollable.removeChild(center);
- body.removeChild(scrollable);
- return ret;
- });
- */
- has.add("rtl-adjust-position-for-verticalScrollBar", function(win, doc){
- var body = baseWindow.body(doc),
- scrollable = domConstruct.create('div', {
- style: {overflow:'scroll', overflowX:'visible', direction:'rtl', visibility:'hidden', position:'absolute', left:'0', top:'0', width:'64px', height:'64px'}
- }, body, "last"),
- div = domConstruct.create('div', {
- style: {overflow:'hidden', direction:'ltr'}
- }, scrollable, "last"),
- ret = geom.position(div).x != 0;
- scrollable.removeChild(div);
- body.removeChild(scrollable);
- return ret;
- });
- has.add("position-fixed-support", function(win, doc){
- // IE6, IE7+quirks, and some older mobile browsers don't support position:fixed
- var body = baseWindow.body(doc),
- outer = domConstruct.create('span', {
- style: {visibility:'hidden', position:'fixed', left:'1px', top:'1px'}
- }, body, "last"),
- inner = domConstruct.create('span', {
- style: {position:'fixed', left:'0', top:'0'}
- }, outer, "last"),
- ret = geom.position(inner).x != geom.position(outer).x;
- outer.removeChild(inner);
- body.removeChild(outer);
- return ret;
- });
- // module:
- // dojo/window
- // summary:
- // TODOC
- var window = lang.getObject("dojo.window", true);
- /*=====
- dojo.window = {
- // summary:
- // TODO
- };
- window = dojo.window;
- =====*/
- window.getBox = function(){
- // summary:
- // Returns the dimensions and scroll position of the viewable area of a browser window
- var
- scrollRoot = (baseWindow.doc.compatMode == 'BackCompat') ? baseWindow.body() : baseWindow.doc.documentElement,
- // get scroll position
- scroll = geom.docScroll(), // scrollRoot.scrollTop/Left should work
- w, h;
- if(has("touch")){ // if(scrollbars not supported)
- var uiWindow = baseWindow.doc.parentWindow || baseWindow.doc.defaultView; // use UI window, not dojo.global window. baseWindow.doc.parentWindow probably not needed since it's not defined for webkit
- // on mobile, scrollRoot.clientHeight <= uiWindow.innerHeight <= scrollRoot.offsetHeight, return uiWindow.innerHeight
- w = uiWindow.innerWidth || scrollRoot.clientWidth; // || scrollRoot.clientXXX probably never evaluated
- h = uiWindow.innerHeight || scrollRoot.clientHeight;
- }else{
- // on desktops, scrollRoot.clientHeight <= scrollRoot.offsetHeight <= uiWindow.innerHeight, return scrollRoot.clientHeight
- // uiWindow.innerWidth/Height includes the scrollbar and cannot be used
- w = scrollRoot.clientWidth;
- h = scrollRoot.clientHeight;
- }
- return {
- l: scroll.x,
- t: scroll.y,
- w: w,
- h: h
- };
- };
- window.get = function(doc){
- // summary:
- // Get window object associated with document doc
- // In some IE versions (at least 6.0), document.parentWindow does not return a
- // reference to the real window object (maybe a copy), so we must fix it as well
- // We use IE specific execScript to attach the real window reference to
- // document._parentWindow for later use
- if(has("ie") < 9 && window !== document.parentWindow){
- /*
- In IE 6, only the variable "window" can be used to connect events (others
- may be only copies).
- */
- doc.parentWindow.execScript("document._parentWindow = window;", "Javascript");
- //to prevent memory leak, unset it after use
- //another possibility is to add an onUnload handler which seems overkill to me (liucougar)
- var win = doc._parentWindow;
- doc._parentWindow = null;
- return win; // Window
- }
- return doc.parentWindow || doc.defaultView; // Window
- };
- window.scrollIntoView = function(/*DomNode*/ node, /*Object?*/ pos){
- // summary:
- // Scroll the passed node into view using minimal movement, if it is not already.
- // Don't rely on node.scrollIntoView working just because the function is there since
- // it forces the node to the page's bottom or top (and left or right in IE) without consideration for the minimal movement.
- // WebKit's node.scrollIntoViewIfNeeded doesn't work either for inner scrollbars in right-to-left mode
- // and when there's a fixed position scrollable element
- try{ // catch unexpected/unrecreatable errors (#7808) since we can recover using a semi-acceptable native method
- node = dom.byId(node);
- var doc = node.ownerDocument || baseWindow.doc, // TODO: why baseWindow.doc? Isn't node.ownerDocument always defined?
- body = baseWindow.body(doc),
- html = doc.documentElement || body.parentNode,
- isIE = has("ie"),
- isWK = has("webkit");
- // if an untested browser, then use the native method
- if(node == body || node == html){ return; }
- if(!(has("mozilla") || isIE || isWK || has("opera") || has("trident")) && ("scrollIntoView" in node)){
- node.scrollIntoView(false); // short-circuit to native if possible
- return;
- }
- var backCompat = doc.compatMode == 'BackCompat',
- rootWidth = Math.min(body.clientWidth || html.clientWidth, html.clientWidth || body.clientWidth),
- rootHeight = Math.min(body.clientHeight || html.clientHeight, html.clientHeight || body.clientHeight),
- scrollRoot = (isWK || backCompat) ? body : html,
- nodePos = pos || geom.position(node),
- el = node.parentNode,
- isFixed = function(el){
- return (isIE <= 6 || (isIE == 7 && backCompat))
- ? false
- : (has("position-fixed-support") && (style.get(el, 'position').toLowerCase() == "fixed"));
- },
- self = this,
- scrollElementBy = function(el, x, y){
- if(el.tagName == "BODY" || el.tagName == "HTML"){
- self.get(el.ownerDocument).scrollBy(x, y);
- }else{
- x && (el.scrollLeft += x);
- y && (el.scrollTop += y);
- }
- };
- if(isFixed(node)){ return; } // nothing to do
- while(el){
- if(el == body){ el = scrollRoot; }
- var elPos = geom.position(el),
- fixedPos = isFixed(el),
- rtl = style.getComputedStyle(el).direction.toLowerCase() == "rtl";
- if(el == scrollRoot){
- elPos.w = rootWidth; elPos.h = rootHeight;
- if(scrollRoot == html && (isIE || has("trident")) && rtl){ elPos.x += scrollRoot.offsetWidth-elPos.w; } // IE workaround where scrollbar causes negative x
- if(elPos.x < 0 || !isIE || isIE >= 9 || has("trident")){ elPos.x = 0; } // older IE can have values > 0
- if(elPos.y < 0 || !isIE || isIE >= 9 || has("trident")){ elPos.y = 0; }
- }else{
- var pb = geom.getPadBorderExtents(el);
- elPos.w -= pb.w; elPos.h -= pb.h; elPos.x += pb.l; elPos.y += pb.t;
- var clientSize = el.clientWidth,
- scrollBarSize = elPos.w - clientSize;
- if(clientSize > 0 && scrollBarSize > 0){
- if(rtl && has("rtl-adjust-position-for-verticalScrollBar")){
- elPos.x += scrollBarSize;
- }
- elPos.w = clientSize;
- }
- clientSize = el.clientHeight;
- scrollBarSize = elPos.h - clientSize;
- if(clientSize > 0 && scrollBarSize > 0){
- elPos.h = clientSize;
- }
- }
- if(fixedPos){ // bounded by viewport, not parents
- if(elPos.y < 0){
- elPos.h += elPos.y; elPos.y = 0;
- }
- if(elPos.x < 0){
- elPos.w += elPos.x; elPos.x = 0;
- }
- if(elPos.y + elPos.h > rootHeight){
- elPos.h = rootHeight - elPos.y;
- }
- if(elPos.x + elPos.w > rootWidth){
- elPos.w = rootWidth - elPos.x;
- }
- }
- // calculate overflow in all 4 directions
- var l = nodePos.x - elPos.x, // beyond left: < 0
- // t = nodePos.y - Math.max(elPos.y, 0), // beyond top: < 0
- t = nodePos.y - elPos.y, // beyond top: < 0
- r = l + nodePos.w - elPos.w, // beyond right: > 0
- bot = t + nodePos.h - elPos.h; // beyond bottom: > 0
- var s, old;
- if(r * l > 0 && (!!el.scrollLeft || el == scrollRoot || el.scrollWidth > el.offsetHeight)){
- s = Math[l < 0? "max" : "min"](l, r);
- if(rtl && ((isIE == 8 && !backCompat) || isIE >= 9 || has("trident"))){ s = -s; }
- old = el.scrollLeft;
- scrollElementBy(el, s, 0);
- s = el.scrollLeft - old;
- nodePos.x -= s;
- }
- if(bot * t > 0 && (!!el.scrollTop || el == scrollRoot || el.scrollHeight > el.offsetHeight)){
- s = Math.ceil(Math[t < 0? "max" : "min"](t, bot));
- old = el.scrollTop;
- scrollElementBy(el, 0, s);
- s = el.scrollTop - old;
- nodePos.y -= s;
- }
- el = (el != scrollRoot) && !fixedPos && el.parentNode;
- }
- }catch(error){
- console.error('scrollIntoView: ' + error);
- node.scrollIntoView(false);
- }
- };
- return window;
- });
|