123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424 |
- // x.js
- // X v3.14.1, Cross-Browser DHTML Library from Cross-Browser.com
- // Copyright (c) 2002,2003 Michael Foster (mike@cross-browser.com)
- // This library is distributed under the terms of the LGPL (gnu.org)
-
- // Variables:
- var xVersion='3.14.1',xOp7=false,xOp5or6=false,xIE4Up=false,xNN4=false,xUA=navigator.userAgent.toLowerCase();
- if(window.opera){
- xOp7=(xUA.indexOf('opera 7')!=-1 || xUA.indexOf('opera/7')!=-1);
- if (!xOp7) xOp5or6=(xUA.indexOf('opera 5')!=-1 || xUA.indexOf('opera/5')!=-1 || xUA.indexOf('opera 6')!=-1 || xUA.indexOf('opera/6')!=-1);
- }
- else if(document.layers) {xNN4=true;}
- else {xIE4Up=document.all && xUA.indexOf('msie')!=-1 && parseInt(navigator.appVersion)>=4;}
- // Object:
- function xGetElementById(e) {
- if(typeof(e)!='string') return e;
- if(document.getElementById) e=document.getElementById(e);
- else if(document.all) e=document.all[e];
- else if(document.layers) e=xLayer(e);
- else e=null;
- return e;
- }
- function xParent(e,bNode){
- if (!(e=xGetElementById(e))) return null;
- var p=null;
- if (!bNode && xDef(e.offsetParent)) p=e.offsetParent;
- else if (xDef(e.parentNode)) p=e.parentNode;
- else if (xDef(e.parentElement)) p=e.parentElement;
- else if (xDef(e.parentLayer)){if (e.parentLayer!=window) p=e.parentLayer;}
- return p;
- }
- function xDef() {
- for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])=='undefined') return false;}
- return true;
- }
- function xStr(s) {
- return typeof(s)=='string';
- }
- function xNum(n) {
- return typeof(n)=='number';
- }
- // Appearance:
- function xShow(e) {
- if(!(e=xGetElementById(e))) return;
- if(e.style && xDef(e.style.visibility)) e.style.visibility='visible';
- else if(xDef(e.visibility)) e.visibility='show';
- }
- function xHide(e) {
- if(!(e=xGetElementById(e))) return;
- if(e.style && xDef(e.style.visibility)) e.style.visibility='hidden';
- else if(xDef(e.visibility)) e.visibility='hide';
- }
- function xZIndex(e,uZ) {
- if(!(e=xGetElementById(e))) return 0;
- if(e.style && xDef(e.style.zIndex)) {
- if(xNum(uZ)) e.style.zIndex=uZ;
- uZ=parseInt(e.style.zIndex);
- }
- else if(xDef(e.zIndex)) {
- if(xNum(uZ)) e.zIndex=uZ;
- uZ=e.zIndex;
- }
- return uZ;
- }
- function xColor(e,sColor) {
- if(!(e=xGetElementById(e))) return '';
- var c='';
- if(e.style && xDef(e.style.color)) {
- if(xStr(sColor)) e.style.color=sColor;
- c=e.style.color;
- }
- return c;
- }
- function xBackground(e,sColor,sImage) {
- if(!(e=xGetElementById(e))) return '';
- var bg='';
- if(e.style) {
- if(xStr(sColor)) {
- if(!xOp5or6) e.style.backgroundColor=sColor;
- else e.style.background=sColor;
- }
- if(xStr(sImage)) e.style.backgroundImage=(sImage!='')? 'url('+sImage+')' : null;
- if(!xOp5or6) bg=e.style.backgroundColor;
- else bg=e.style.background;
- }
- else if(xDef(e.bgColor)) {
- if(xStr(sColor)) e.bgColor=sColor;
- bg=e.bgColor;
- if(xStr(sImage)) e.background.src=sImage;
- }
- return bg;
- }
- // Position:
- function xMoveTo(e,iX,iY) {
- xLeft(e,iX);
- xTop(e,iY);
- }
- function xLeft(e,iX) {
- if(!(e=xGetElementById(e))) return 0;
- var css=xDef(e.style);
- if (css && xStr(e.style.left)) {
- if(xNum(iX)) e.style.left=iX+'px';
- else {
- iX=parseInt(e.style.left);
- if(isNaN(iX)) iX=0;
- }
- }
- else if(css && xDef(e.style.pixelLeft)) {
- if(xNum(iX)) e.style.pixelLeft=iX;
- else iX=e.style.pixelLeft;
- }
- else if(xDef(e.left)) {
- if(xNum(iX)) e.left=iX;
- else iX=e.left;
- }
- return iX;
- }
- function xTop(e,iY) {
- if(!(e=xGetElementById(e))) return 0;
- var css=xDef(e.style);
- if(css && xStr(e.style.top)) {
- if(xNum(iY)) e.style.top=iY+'px';
- else {
- iY=parseInt(e.style.top);
- if(isNaN(iY)) iY=0;
- }
- }
- else if(css && xDef(e.style.pixelTop)) {
- if(xNum(iY)) e.style.pixelTop=iY;
- else iY=e.style.pixelTop;
- }
- else if(xDef(e.top)) {
- if(xNum(iY)) e.top=iY;
- else iY=e.top;
- }
- return iY;
- }
- function xPageX(e) {
- if (!(e=xGetElementById(e))) return 0;
- if (xDef(e.pageX)) return e.pageX;
- var x = 0;
- while (e) {
- if (xDef(e.offsetLeft)) x += e.offsetLeft;
- e = xDef(e.offsetParent) ? e.offsetParent : null;
- }
- return x;
- }
- function xPageY(e) {
- if (!(e=xGetElementById(e))) return 0;
- if (xDef(e.pageY)) return e.pageY;
- var y = 0;
- while (e) {
- if (xDef(e.offsetTop)) y += e.offsetTop;
- e = xDef(e.offsetParent) ? e.offsetParent : null;
- }
- // if (xOp7) return y - document.body.offsetTop; // v3.14, temporary hack for opera bug 130324
- return y;
- }
- function xOffsetLeft(e) { // v3.14, see x_nn4.js
- if (!(e=xGetElementById(e))) return 0;
- if (xDef(e.offsetLeft)) return e.offsetLeft;
- else return 0;
- }
- function xOffsetTop(e) {
- if (!(e=xGetElementById(e))) return 0;
- if (xDef(e.offsetTop)) return e.offsetTop;
- else return 0;
- }
- function xScrollLeft(e) {
- var offset=0;
- if (!(e=xGetElementById(e))) {
- if(xDef(window.pageXOffset)) offset=window.pageXOffset;
- else if(document.documentElement && document.documentElement.scrollLeft) offset=document.documentElement.scrollLeft;
- else if(document.body && xDef(document.body.scrollLeft)) offset=document.body.scrollLeft;
- }
- else { if (xNum(e.scrollLeft)) offset = e.scrollLeft; }
- return offset;
- }
- function xScrollTop(e) {
- var offset=0;
- if (!(e=xGetElementById(e))) {
- if(xDef(window.pageYOffset)) offset=window.pageYOffset;
- else if(document.documentElement && document.documentElement.scrollTop) offset=document.documentElement.scrollTop;
- else if(document.body && xDef(document.body.scrollTop)) offset=document.body.scrollTop;
- }
- else { if (xNum(e.scrollTop)) offset = e.scrollTop; }
- return offset;
- }
- // Size:
- function xResizeTo(e,uW,uH) {
- xWidth(e,uW);
- xHeight(e,uH);
- }
- function xWidth(e,uW) {
- if(!(e=xGetElementById(e))) return 0;
- if (xNum(uW)) { // v3.13.1
- if (uW<0) uW = 0;
- else uW=Math.round(uW);
- }
- else uW=0;
- var css=xDef(e.style);
- if(css && xDef(e.offsetWidth) && xStr(e.style.width)) {
- if(uW) xSetCW(e, uW);
- uW=e.offsetWidth;
- }
- else if(css && xDef(e.style.pixelWidth)) {
- if(uW) e.style.pixelWidth=uW;
- uW=e.style.pixelWidth;
- }
- else if(xDef(e.clip) && xDef(e.clip.right)) {
- if(uW) e.clip.right=uW;
- uW=e.clip.right;
- }
- return uW;
- }
- function xHeight(e,uH) {
- if(!(e=xGetElementById(e))) return 0;
- if (xNum(uH)) { // v3.13.1
- if (uH<0) uH = 0;
- else uH=Math.round(uH);
- }
- else uH=0;
- var css=xDef(e.style);
- if(css && xDef(e.offsetHeight) && xStr(e.style.height)) {
- if(uH) xSetCH(e, uH);
- uH=e.offsetHeight;
- }
- else if(css && xDef(e.style.pixelHeight)) {
- if(uH) e.style.pixelHeight=uH;
- uH=e.style.pixelHeight;
- }
- else if(xDef(e.clip) && xDef(e.clip.bottom)) {
- if(uH) e.clip.bottom=uH;
- uH=e.clip.bottom;
- }
- return uH;
- }
- function xGetCS(ele,sP){return parseInt(document.defaultView.getComputedStyle(ele,'').getPropertyValue(sP));}
- function xSetCW(ele,uW){
- var pl=0,pr=0,bl=0,br=0;
- if(xDef(document.defaultView) && xDef(document.defaultView.getComputedStyle)){
- pl=xGetCS(ele,'padding-left');
- pr=xGetCS(ele,'padding-right');
- bl=xGetCS(ele,'border-left-width');
- br=xGetCS(ele,'border-right-width');
- }
- else if(xDef(ele.currentStyle,document.compatMode)){
- if(document.compatMode=='CSS1Compat'){
- pl=parseInt(ele.currentStyle.paddingLeft);
- pr=parseInt(ele.currentStyle.paddingRight);
- bl=parseInt(ele.currentStyle.borderLeftWidth);
- br=parseInt(ele.currentStyle.borderRightWidth);
- }
- }
- else if(xDef(ele.offsetWidth,ele.style.width)){ // ?
- ele.style.width=uW+'px';
- pl=ele.offsetWidth-uW;
- }
- if(isNaN(pl)) pl=0; if(isNaN(pr)) pr=0; if(isNaN(bl)) bl=0; if(isNaN(br)) br=0;
- var cssW=uW-(pl+pr+bl+br);
- if(isNaN(cssW)||cssW<0) return;
- else ele.style.width=cssW+'px';
- }
- function xSetCH(ele,uH){
- var pt=0,pb=0,bt=0,bb=0;
- if(xDef(document.defaultView) && xDef(document.defaultView.getComputedStyle)){
- pt=xGetCS(ele,'padding-top');
- pb=xGetCS(ele,'padding-bottom');
- bt=xGetCS(ele,'border-top-width');
- bb=xGetCS(ele,'border-bottom-width');
- }
- else if(xDef(ele.currentStyle,document.compatMode)){
- if(document.compatMode=='CSS1Compat'){
- pt=parseInt(ele.currentStyle.paddingTop);
- pb=parseInt(ele.currentStyle.paddingBottom);
- bt=parseInt(ele.currentStyle.borderTopWidth);
- bb=parseInt(ele.currentStyle.borderBottomWidth);
- }
- }
- else if(xDef(ele.offsetHeight,ele.style.height)){ // ?
- ele.style.height=uH+'px';
- pt=ele.offsetHeight-uH;
- }
- if(isNaN(pt)) pt=0; if(isNaN(pb)) pb=0; if(isNaN(bt)) bt=0; if(isNaN(bb)) bb=0;
- var cssH=uH-(pt+pb+bt+bb);
- if(isNaN(cssH)||cssH<0) return;
- else ele.style.height=cssH+'px';
- }
- function xClip(e,iTop,iRight,iBottom,iLeft) {
- if(!(e=xGetElementById(e))) return;
- if(e.style) {
- if (xNum(iLeft)) e.style.clip='rect('+iTop+'px '+iRight+'px '+iBottom+'px '+iLeft+'px)';
- else e.style.clip='rect(0 '+parseInt(e.style.width)+'px '+parseInt(e.style.height)+'px 0)';
- }
- else if(e.clip) {
- if (xNum(iLeft)) { e.clip.top=iTop; e.clip.right=iRight; e.clip.bottom=iBottom; e.clip.left=iLeft; }
- else { e.clip.top=0; e.clip.right=xWidth(e); e.clip.bottom=xHeight(e); e.clip.left=0; }
- }
- }
- // Window:
- function xClientWidth() {
- var w=0;
- if(xOp5or6) w=window.innerWidth;
- else if(!window.opera && document.documentElement && document.documentElement.clientWidth) // v3.12
- w=document.documentElement.clientWidth;
- else if(document.body && document.body.clientWidth)
- w=document.body.clientWidth;
- else if(xDef(window.innerWidth,window.innerHeight,document.height)) {
- w=window.innerWidth;
- if(document.height>window.innerHeight) w-=16;
- }
- return w;
- }
- function xClientHeight() {
- var h=0;
- if(xOp5or6) h=window.innerHeight;
- else if(!window.opera && document.documentElement && document.documentElement.clientHeight) // v3.12
- h=document.documentElement.clientHeight;
- else if(document.body && document.body.clientHeight)
- h=document.body.clientHeight;
- else if(xDef(window.innerWidth,window.innerHeight,document.width)) {
- h=window.innerHeight;
- if(document.width>window.innerWidth) h-=16;
- }
- return h;
- }
- // Animation:
- function xSlideTo(e,x,y,uTime) {
- if (!(e=xGetElementById(e))) return;
- if (!e.timeout) e.timeout = 25;
- e.xTarget = x; e.yTarget = y; e.slideTime = uTime; e.stop = false;
- e.yA = e.yTarget - xTop(e); e.xA = e.xTarget - xLeft(e); // A = distance
- e.B = Math.PI / (2 * e.slideTime); // B = period
- e.yD = xTop(e); e.xD = xLeft(e); // D = initial position
- var d = new Date(); e.C = d.getTime();
- if (!e.moving) xSlide(e);
- }
- function xSlide(e) {
- if (!(e=xGetElementById(e))) return;
- var now, s, t, newY, newX;
- now = new Date();
- t = now.getTime() - e.C;
- if (e.stop) { e.moving = false; }
- else if (t < e.slideTime) {
- setTimeout("xSlide('"+e.id+"')", e.timeout);
- s = Math.sin(e.B * t);
- newX = Math.round(e.xA * s + e.xD);
- newY = Math.round(e.yA * s + e.yD);
- xMoveTo(e, newX, newY);
- e.moving = true;
- }
- else {
- xMoveTo(e, e.xTarget, e.yTarget);
- e.moving = false;
- }
- }
- // Event:
- function xAddEventListener(e,eventType,eventListener,useCapture) {
- if(!(e=xGetElementById(e))) return;
- eventType=eventType.toLowerCase();
- if((!xIE4Up && !xOp7) && e==window) {
- if(eventType=='resize') { window.xPCW=xClientWidth(); window.xPCH=xClientHeight(); window.xREL=eventListener; xResizeEvent(); return; }
- if(eventType=='scroll') { window.xPSL=xScrollLeft(); window.xPST=xScrollTop(); window.xSEL=eventListener; xScrollEvent(); return; }
- }
- var eh='e.on'+eventType+'=eventListener';
- if(e.addEventListener) e.addEventListener(eventType,eventListener,useCapture);
- else if(e.attachEvent) e.attachEvent('on'+eventType,eventListener);
- else if(e.captureEvents) {
- if(useCapture||(eventType.indexOf('mousemove')!=-1)) { e.captureEvents(eval('Event.'+eventType.toUpperCase())); }
- eval(eh);
- }
- else eval(eh);
- }
- function xRemoveEventListener(e,eventType,eventListener,useCapture) {
- if(!(e=xGetElementById(e))) return;
- eventType=eventType.toLowerCase();
- if((!xIE4Up && !xOp7) && e==window) {
- if(eventType=='resize') { window.xREL=null; return; }
- if(eventType=='scroll') { window.xSEL=null; return; }
- }
- var eh='e.on'+eventType+'=null';
- if(e.removeEventListener) e.removeEventListener(eventType,eventListener,useCapture);
- else if(e.detachEvent) e.detachEvent('on'+eventType,eventListener);
- else if(e.releaseEvents) {
- if(useCapture||(eventType.indexOf('mousemove')!=-1)) { e.releaseEvents(eval('Event.'+eventType.toUpperCase())); }
- eval(eh);
- }
- else eval(eh);
- }
- function xEvent(evt) { // cross-browser event object prototype
- this.type = '';
- this.target = null;
- this.pageX = 0;
- this.pageY = 0;
- this.offsetX = 0;
- this.offsetY = 0;
- this.keyCode = 0;
- var e = evt ? evt : window.event;
- if(!e) return;
- if(e.type) this.type = e.type;
- if(e.target) this.target = e.target;
- else if(e.srcElement) this.target = e.srcElement;
- else if(xNN4) this.target = xLayerFromPoint(e.pageX, e.pageY);
- if(xOp5or6) { this.pageX = e.clientX; this.pageY = e.clientY; }
- else if(xDef(e.pageX,e.pageY)) { this.pageX = e.pageX; this.pageY = e.pageY; } // v3.14
- else if(xDef(e.clientX,e.clientY)) { this.pageX = e.clientX + xScrollLeft(); this.pageY = e.clientY + xScrollTop(); }
- if(xDef(e.offsetX,e.offsetY)) { this.offsetX = e.offsetX; this.offsetY = e.offsetY; }
- else if(xDef(e.layerX,e.layerY)) { this.offsetX = e.layerX; this.offsetY = e.layerY; }
- else { this.offsetX = this.pageX - xPageX(this.target); this.offsetY = this.pageY - xPageY(this.target); }
- if (e.keyCode) { this.keyCode = e.keyCode; } // for moz/fb, if keyCode==0 use which
- else if (xDef(e.which)) { this.keyCode = e.which; }
- }
- function xResizeEvent() { // window resize event simulation
- if (window.xREL) setTimeout('xResizeEvent()', 250);
- var cw = xClientWidth(), ch = xClientHeight();
- if (window.xPCW != cw || window.xPCH != ch) { window.xPCW = cw; window.xPCH = ch; if (window.xREL) window.xREL(); }
- }
- function xScrollEvent() { // window scroll event simulation
- if (window.xSEL) setTimeout('xScrollEvent()', 250);
- var sl = xScrollLeft(), st = xScrollTop();
- if (window.xPSL != sl || window.xPST != st) { window.xPSL = sl; window.xPST = st; if (window.xSEL) window.xSEL(); }
- }
- // end x.js
|