source/adapter/prototype-bridge.js

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 (function(){\r
  10 \r
  11 var libFlyweight;\r
  12 \r
  13 Ext.lib.Dom = {\r
  14     getViewWidth : function(full){\r
  15         return full ? this.getDocumentWidth() : this.getViewportWidth();\r
  16     },\r
  17 \r
  18     getViewHeight : function(full){\r
  19         return full ? this.getDocumentHeight() : this.getViewportHeight();\r
  20     },\r
  21 \r
  22     getDocumentHeight: function() { // missing from prototype?\r
  23         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;\r
  24         return Math.max(scrollHeight, this.getViewportHeight());\r
  25     },\r
  26 \r
  27     getDocumentWidth: function() { // missing from prototype?\r
  28         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;\r
  29         return Math.max(scrollWidth, this.getViewportWidth());\r
  30     },\r
  31 \r
  32     getViewportHeight: function() { // missing from prototype?\r
  33         var height = self.innerHeight;\r
  34         var mode = document.compatMode;\r
  35 \r
  36         if ( (mode || Ext.isIE) && !Ext.isOpera ) {\r
  37             height = (mode == "CSS1Compat") ?\r
  38                     document.documentElement.clientHeight : // Standards\r
  39                     document.body.clientHeight; // Quirks\r
  40         }\r
  41 \r
  42         return height;\r
  43     },\r
  44 \r
  45     getViewportWidth: function() { // missing from prototype?\r
  46         var width = self.innerWidth;  // Safari\r
  47         var mode = document.compatMode;\r
  48 \r
  49         if (mode || Ext.isIE) { // IE, Gecko, Opera\r
  50             width = (mode == "CSS1Compat") ?\r
  51                     document.documentElement.clientWidth : // Standards\r
  52                     document.body.clientWidth; // Quirks\r
  53         }\r
  54         return width;\r
  55     },\r
  56 \r
  57     isAncestor : function(p, c){ // missing from prototype?\r
  58         p = Ext.getDom(p);\r
  59         c = Ext.getDom(c);\r
  60         if (!p || !c) {return false;}\r
  61 \r
  62         if(p.contains && !Ext.isSafari) {\r
  63             return p.contains(c);\r
  64         }else if(p.compareDocumentPosition) {\r
  65             return !!(p.compareDocumentPosition(c) & 16);\r
  66         }else{\r
  67             var parent = c.parentNode;\r
  68             while (parent) {\r
  69                 if (parent == p) {\r
  70                     return true;\r
  71                 }\r
  72                 else if (!parent.tagName || parent.tagName.toUpperCase() == "HTML") {\r
  73                     return false;\r
  74                 }\r
  75                 parent = parent.parentNode;\r
  76             }\r
  77             return false;\r
  78         }\r
  79     },\r
  80 \r
  81     getRegion : function(el){\r
  82         return Ext.lib.Region.getRegion(el);\r
  83     },\r
  84 \r
  85     getY : function(el){\r
  86         return this.getXY(el)[1];\r
  87     },\r
  88 \r
  89     getX : function(el){\r
  90         return this.getXY(el)[0];\r
  91     },\r
  92 \r
  93     getXY : function(el){ // this initially used Position.cumulativeOffset but it is not accurate enough\r
  94         var p, pe, b, scroll, bd = (document.body || document.documentElement);\r
  95         el = Ext.getDom(el);\r
  96 \r
  97         if(el == bd){\r
  98             return [0, 0];\r
  99         }\r
 100 \r
 101         if (el.getBoundingClientRect) {\r
 102             b = el.getBoundingClientRect();\r
 103             scroll = fly(document).getScroll();\r
 104             return [b.left + scroll.left, b.top + scroll.top];\r
 105         }\r
 106         var x = 0, y = 0;\r
 107 \r
 108         p = el;\r
 109 \r
 110         var hasAbsolute = fly(el).getStyle("position") == "absolute";\r
 111 \r
 112         while (p) {\r
 113 \r
 114             x += p.offsetLeft;\r
 115             y += p.offsetTop;\r
 116 \r
 117             if (!hasAbsolute && fly(p).getStyle("position") == "absolute") {\r
 118                 hasAbsolute = true;\r
 119             }\r
 120 \r
 121             if (Ext.isGecko) {\r
 122                 pe = fly(p);\r
 123 \r
 124                 var bt = parseInt(pe.getStyle("borderTopWidth"), 10) || 0;\r
 125                 var bl = parseInt(pe.getStyle("borderLeftWidth"), 10) || 0;\r
 126 \r
 127 \r
 128                 x += bl;\r
 129                 y += bt;\r
 130 \r
 131 \r
 132                 if (p != el && pe.getStyle('overflow') != 'visible') {\r
 133                     x += bl;\r
 134                     y += bt;\r
 135                 }\r
 136             }\r
 137             p = p.offsetParent;\r
 138         }\r
 139 \r
 140         if (Ext.isSafari && hasAbsolute) {\r
 141             x -= bd.offsetLeft;\r
 142             y -= bd.offsetTop;\r
 143         }\r
 144 \r
 145         if (Ext.isGecko && !hasAbsolute) {\r
 146             var dbd = fly(bd);\r
 147             x += parseInt(dbd.getStyle("borderLeftWidth"), 10) || 0;\r
 148             y += parseInt(dbd.getStyle("borderTopWidth"), 10) || 0;\r
 149         }\r
 150 \r
 151         p = el.parentNode;\r
 152         while (p && p != bd) {\r
 153             if (!Ext.isOpera || (p.tagName != 'TR' && fly(p).getStyle("display") != "inline")) {\r
 154                 x -= p.scrollLeft;\r
 155                 y -= p.scrollTop;\r
 156             }\r
 157             p = p.parentNode;\r
 158         }\r
 159         return [x, y];\r
 160     },\r
 161 \r
 162     setXY : function(el, xy){ // this initially used Position.cumulativeOffset but it is not accurate enough\r
 163         el = Ext.fly(el, '_setXY');\r
 164         el.position();\r
 165         var pts = el.translatePoints(xy);\r
 166         if(xy[0] !== false){\r
 167             el.dom.style.left = pts.left + "px";\r
 168         }\r
 169         if(xy[1] !== false){\r
 170             el.dom.style.top = pts.top + "px";\r
 171         }\r
 172     },\r
 173 \r
 174     setX : function(el, x){\r
 175         this.setXY(el, [x, false]);\r
 176     },\r
 177 \r
 178     setY : function(el, y){\r
 179         this.setXY(el, [false, y]);\r
 180     }\r
 181 };\r
 182 \r
 183 Ext.lib.Event = {\r
 184     getPageX : function(e){\r
 185         return Event.pointerX(e.browserEvent || e);\r
 186     },\r
 187 \r
 188     getPageY : function(e){\r
 189         return Event.pointerY(e.browserEvent || e);\r
 190     },\r
 191 \r
 192     getXY : function(e){\r
 193         e = e.browserEvent || e;\r
 194         return [Event.pointerX(e), Event.pointerY(e)];\r
 195     },\r
 196 \r
 197     getTarget : function(e){\r
 198         return Event.element(e.browserEvent || e);\r
 199     },\r
 200 \r
 201     resolveTextNode: function(node) {\r
 202         if (node && 3 == node.nodeType) {\r
 203             return node.parentNode;\r
 204         } else {\r
 205             return node;\r
 206         }\r
 207     },\r
 208 \r
 209     getRelatedTarget: function(ev) { // missing from prototype?\r
 210         ev = ev.browserEvent || ev;\r
 211         var t = ev.relatedTarget;\r
 212         if (!t) {\r
 213             if (ev.type == "mouseout") {\r
 214                 t = ev.toElement;\r
 215             } else if (ev.type == "mouseover") {\r
 216                 t = ev.fromElement;\r
 217             }\r
 218         }\r
 219 \r
 220         return this.resolveTextNode(t);\r
 221     },\r
 222 \r
 223     on : function(el, eventName, fn){\r
 224         Event.observe(el, eventName, fn, false);\r
 225     },\r
 226 \r
 227     un : function(el, eventName, fn){\r
 228         Event.stopObserving(el, eventName, fn, false);\r
 229     },\r
 230 \r
 231     purgeElement : function(el){\r
 232         // no equiv?\r
 233     },\r
 234 \r
 235     preventDefault : function(e){   // missing from prototype?\r
 236         e = e.browserEvent || e;\r
 237         if(e.preventDefault) {\r
 238             e.preventDefault();\r
 239         } else {\r
 240             e.returnValue = false;\r
 241         }\r
 242     },\r
 243 \r
 244     stopPropagation : function(e){   // missing from prototype?\r
 245         e = e.browserEvent || e;\r
 246         if(e.stopPropagation) {\r
 247             e.stopPropagation();\r
 248         } else {\r
 249             e.cancelBubble = true;\r
 250         }\r
 251     },\r
 252 \r
 253     stopEvent : function(e){\r
 254         Event.stop(e.browserEvent || e);\r
 255     },\r
 256 \r
 257     onAvailable : function(id, fn, scope){  // no equiv\r
 258         var start = new Date(), iid;\r
 259         var f = function(){\r
 260             if(start.getElapsed() > 10000){\r
 261                 clearInterval(iid);\r
 262             }\r
 263             var el = document.getElementById(id);\r
 264             if(el){\r
 265                 clearInterval(iid);\r
 266                 fn.call(scope||window, el);\r
 267             }\r
 268         };\r
 269         iid = setInterval(f, 50);\r
 270     }\r
 271 };\r
 272 \r
 273 Ext.lib.Ajax = function(){\r
 274     var createSuccess = function(cb){\r
 275          return cb.success ? function(xhr){\r
 276             cb.success.call(cb.scope||window, {\r
 277                 responseText: xhr.responseText,\r
 278                 responseXML : xhr.responseXML,\r
 279                 argument: cb.argument\r
 280             });\r
 281          } : Ext.emptyFn;\r
 282     };\r
 283     var createFailure = function(cb){\r
 284          return cb.failure ? function(xhr){\r
 285             cb.failure.call(cb.scope||window, {\r
 286                 responseText: xhr.responseText,\r
 287                 responseXML : xhr.responseXML,\r
 288                 argument: cb.argument\r
 289             });\r
 290          } : Ext.emptyFn;\r
 291     };\r
 292     return {\r
 293         request : function(method, uri, cb, data, options){\r
 294             var o = {\r
 295                 method: method,\r
 296                 parameters: data || '',\r
 297                 timeout: cb.timeout,\r
 298                 onSuccess: createSuccess(cb),\r
 299                 onFailure: createFailure(cb)\r
 300             };\r
 301             if(options){\r
 302                 var hs = options.headers;\r
 303                 if(hs){\r
 304                     o.requestHeaders = hs;\r
 305                 }\r
 306                 if(options.xmlData){\r
 307                     method = (method ? method : (options.method ? options.method : 'POST'));\r
 308                     if (!hs || !hs['Content-Type']){\r
 309                         o.contentType = 'text/xml';\r
 310                     }\r
 311                     o.postBody = options.xmlData;\r
 312                     delete o.parameters;\r
 313                 }\r
 314                 if(options.jsonData){\r
 315                     method = (method ? method : (options.method ? options.method : 'POST'));\r
 316                     if (!hs || !hs['Content-Type']){\r
 317                         o.contentType = 'application/json';\r
 318                     }\r
 319                     o.postBody = typeof options.jsonData == 'object' ? Ext.encode(options.jsonData) : options.jsonData;\r
 320                     delete o.parameters;\r
 321                 }\r
 322             }\r
 323             new Ajax.Request(uri, o);\r
 324         },\r
 325 \r
 326         formRequest : function(form, uri, cb, data, isUpload, sslUri){\r
 327             new Ajax.Request(uri, {\r
 328                 method: Ext.getDom(form).method ||'POST',\r
 329                 parameters: Form.serialize(form)+(data?'&'+data:''),\r
 330                 timeout: cb.timeout,\r
 331                 onSuccess: createSuccess(cb),\r
 332                 onFailure: createFailure(cb)\r
 333             });\r
 334         },\r
 335 \r
 336         isCallInProgress : function(trans){\r
 337             return false;\r
 338         },\r
 339 \r
 340         abort : function(trans){\r
 341             return false;\r
 342         },\r
 343         \r
 344         serializeForm : function(form){\r
 345             return Form.serialize(form.dom||form);\r
 346         }\r
 347     };\r
 348 }();\r
 349 \r
 350 \r
 351 Ext.lib.Anim = function(){\r
 352     \r
 353     var easings = {\r
 354         easeOut: function(pos) {\r
 355             return 1-Math.pow(1-pos,2);\r
 356         },\r
 357         easeIn: function(pos) {\r
 358             return 1-Math.pow(1-pos,2);\r
 359         }\r
 360     };\r
 361     var createAnim = function(cb, scope){\r
 362         return {\r
 363             stop : function(skipToLast){\r
 364                 this.effect.cancel();\r
 365             },\r
 366 \r
 367             isAnimated : function(){\r
 368                 return this.effect.state == 'running';\r
 369             },\r
 370 \r
 371             proxyCallback : function(){\r
 372                 Ext.callback(cb, scope);\r
 373             }\r
 374         };\r
 375     };\r
 376     return {\r
 377         scroll : function(el, args, duration, easing, cb, scope){\r
 378             // not supported so scroll immediately?\r
 379             var anim = createAnim(cb, scope);\r
 380             el = Ext.getDom(el);\r
 381             if(typeof args.scroll.to[0] == 'number'){\r
 382                 el.scrollLeft = args.scroll.to[0];\r
 383             }\r
 384             if(typeof args.scroll.to[1] == 'number'){\r
 385                 el.scrollTop = args.scroll.to[1];\r
 386             }\r
 387             anim.proxyCallback();\r
 388             return anim;\r
 389         },\r
 390 \r
 391         motion : function(el, args, duration, easing, cb, scope){\r
 392             return this.run(el, args, duration, easing, cb, scope);\r
 393         },\r
 394 \r
 395         color : function(el, args, duration, easing, cb, scope){\r
 396             return this.run(el, args, duration, easing, cb, scope);\r
 397         },\r
 398 \r
 399         run : function(el, args, duration, easing, cb, scope, type){\r
 400             var o = {};\r
 401             for(var k in args){\r
 402                 switch(k){   // scriptaculous doesn't support, so convert these\r
 403                     case 'points':\r
 404                         var by, pts, e = Ext.fly(el, '_animrun');\r
 405                         e.position();\r
 406                         if(by = args.points.by){\r
 407                             var xy = e.getXY();\r
 408                             pts = e.translatePoints([xy[0]+by[0], xy[1]+by[1]]);\r
 409                         }else{\r
 410                             pts = e.translatePoints(args.points.to);\r
 411                         }\r
 412                         o.left = pts.left+'px';\r
 413                         o.top = pts.top+'px';\r
 414                     break;\r
 415                     case 'width':\r
 416                         o.width = args.width.to+'px';\r
 417                     break;\r
 418                     case 'height':\r
 419                         o.height = args.height.to+'px';\r
 420                     break;\r
 421                     case 'opacity':\r
 422                         o.opacity = String(args.opacity.to);\r
 423                     break;\r
 424                     default:\r
 425                         o[k] = String(args[k].to);\r
 426                     break;\r
 427                 }\r
 428             }\r
 429             var anim = createAnim(cb, scope);\r
 430             anim.effect = new Effect.Morph(Ext.id(el), {\r
 431                 duration: duration,\r
 432                 afterFinish: anim.proxyCallback,\r
 433                 transition: easings[easing] || Effect.Transitions.linear,\r
 434                 style: o\r
 435             });\r
 436             return anim;\r
 437         }\r
 438     };\r
 439 }();\r
 440 \r
 441 \r
 442 // all lib flyweight calls use their own flyweight to prevent collisions with developer flyweights\r
 443 function fly(el){\r
 444     if(!libFlyweight){\r
 445         libFlyweight = new Ext.Element.Flyweight();\r
 446     }\r
 447     libFlyweight.dom = el;\r
 448     return libFlyweight;\r
 449 }\r
 450     \r
 451 Ext.lib.Region = function(t, r, b, l) {\r
 452     this.top = t;\r
 453     this[1] = t;\r
 454     this.right = r;\r
 455     this.bottom = b;\r
 456     this.left = l;\r
 457     this[0] = l;\r
 458 };\r
 459 \r
 460 Ext.lib.Region.prototype = {\r
 461     contains : function(region) {\r
 462         return ( region.left   >= this.left   &&\r
 463                  region.right  <= this.right  &&\r
 464                  region.top    >= this.top    &&\r
 465                  region.bottom <= this.bottom    );\r
 466 \r
 467     },\r
 468 \r
 469     getArea : function() {\r
 470         return ( (this.bottom - this.top) * (this.right - this.left) );\r
 471     },\r
 472 \r
 473     intersect : function(region) {\r
 474         var t = Math.max( this.top,    region.top    );\r
 475         var r = Math.min( this.right,  region.right  );\r
 476         var b = Math.min( this.bottom, region.bottom );\r
 477         var l = Math.max( this.left,   region.left   );\r
 478 \r
 479         if (b >= t && r >= l) {\r
 480             return new Ext.lib.Region(t, r, b, l);\r
 481         } else {\r
 482             return null;\r
 483         }\r
 484     },\r
 485     union : function(region) {\r
 486         var t = Math.min( this.top,    region.top    );\r
 487         var r = Math.max( this.right,  region.right  );\r
 488         var b = Math.max( this.bottom, region.bottom );\r
 489         var l = Math.min( this.left,   region.left   );\r
 490 \r
 491         return new Ext.lib.Region(t, r, b, l);\r
 492     },\r
 493 \r
 494     constrainTo : function(r) {\r
 495             this.top = this.top.constrain(r.top, r.bottom);\r
 496             this.bottom = this.bottom.constrain(r.top, r.bottom);\r
 497             this.left = this.left.constrain(r.left, r.right);\r
 498             this.right = this.right.constrain(r.left, r.right);\r
 499             return this;\r
 500     },\r
 501 \r
 502     adjust : function(t, l, b, r){\r
 503         this.top += t;\r
 504         this.left += l;\r
 505         this.right += r;\r
 506         this.bottom += b;\r
 507         return this;\r
 508     }\r
 509 };\r
 510 \r
 511 Ext.lib.Region.getRegion = function(el) {\r
 512     var p = Ext.lib.Dom.getXY(el);\r
 513 \r
 514     var t = p[1];\r
 515     var r = p[0] + el.offsetWidth;\r
 516     var b = p[1] + el.offsetHeight;\r
 517     var l = p[0];\r
 518 \r
 519     return new Ext.lib.Region(t, r, b, l);\r
 520 };\r
 521 \r
 522 Ext.lib.Point = function(x, y) {\r
 523    if (Ext.isArray(x)) {\r
 524       y = x[1];\r
 525       x = x[0];\r
 526    }\r
 527     this.x = this.right = this.left = this[0] = x;\r
 528     this.y = this.top = this.bottom = this[1] = y;\r
 529 };\r
 530 \r
 531 Ext.lib.Point.prototype = new Ext.lib.Region();\r
 532 \r
 533 \r
 534 // prevent IE leaks\r
 535 if(Ext.isIE) {\r
 536     function fnCleanUp() {\r
 537         var p = Function.prototype;\r
 538         delete p.createSequence;\r
 539         delete p.defer;\r
 540         delete p.createDelegate;\r
 541         delete p.createCallback;\r
 542         delete p.createInterceptor;\r
 543 \r
 544         window.detachEvent("onunload", fnCleanUp);\r
 545     }\r
 546     window.attachEvent("onunload", fnCleanUp);\r
 547 }\r
 548 })();