home *** CD-ROM | disk | FTP | other *** search
/ CD Action 54 / cdactioncoverdisc54.iso / Bonus / rpg.exe / Tawerna_listopad / skrypty / warstwy.js < prev   
Text File  |  2000-07-30  |  7KB  |  198 lines
  1. // Dynamic Layer Object
  2. // Copyright 1998 Dan Steinman
  3. // Available at the Dynamic Duo (http://www.dansteinman.com/dynduo/)
  4. // February 1998.  Last Updated Aug. 10, 1998.
  5. // In order to use this code you must keep this disclaimer
  6.  
  7. ns4 = (document.layers)? true:false
  8. ie4 = (document.all)? true:false
  9.  
  10. function DynLayer(id,nestref) {
  11.     if (ns4) {
  12.         this.css = (nestref)? eval("document."+nestref+".document."+id) : document.layers[id]
  13.         this.x = this.css.left
  14.         this.y = this.css.top
  15.     }
  16.     else if (ie4) {
  17.         this.css = document.all[id].style
  18.         this.x = this.css.pixelLeft
  19.         this.y = this.css.pixelTop
  20.     }
  21.     this.moveTo = DynLayerMoveTo
  22.     this.moveBy = DynLayerMoveBy
  23.     this.show = DynLayerShow
  24.     this.hide = DynLayerHide
  25.     this.addon = DynLayerAddon
  26.     this.addon(id,nestref)
  27. }
  28. function DynLayerMoveTo(x,y) {
  29.     if (x!=null) {
  30.         this.x = x
  31.         this.css.left = this.x
  32.     }
  33.     if (y!=null) {
  34.         this.y = y
  35.         this.css.top = this.y
  36.     }
  37. }
  38. function DynLayerMoveBy(x,y) {
  39.     this.moveTo(this.x+x,this.y+y)
  40. }
  41. function DynLayerShow() {
  42.     this.css.visibility = (ns4)? "show" : "visible"
  43. }
  44. function DynLayerHide() {
  45.     this.css.visibility = (ns4)? "hide" : "hidden"
  46. }
  47. function DynLayerAddon(id,nestref) {
  48.     this.id = id
  49.     this.nestref = nestref
  50.     this.w = (ns4)? this.css.clip.width : this.css.pixelWidth
  51.     this.h = (ns4)? this.css.clip.height : this.css.pixelHeight
  52.     this.doc = (ns4)? this.css.document : document
  53.     this.event = (ns4)? this.css : document.all[id]
  54.     this.obj = id + "DynLayer"
  55.     eval(this.obj + "=this")
  56.     this.slideInit = DynLayerSlideInit
  57.     this.clipInit = DynLayerClipInit
  58.     this.wipeInit = DynLayerWipeInit
  59. }
  60. function DynLayerSlideInit() {
  61.     this.slideTo = DynLayerSlideTo
  62.     this.slideBy = DynLayerSlideBy
  63.     this.slideStart = DynLayerSlideStart
  64.     this.slide = DynLayerSlide
  65. }
  66. function DynLayerSlideTo(endx,endy,inc,speed,fn) {
  67.     if (endx==null) endx = this.x
  68.     if (endy==null) endy = this.y
  69.     var distx = endx-this.x
  70.     var disty = endy-this.y
  71.     this.slideStart(endx,endy,distx,disty,inc,speed,fn)
  72. }
  73. function DynLayerSlideBy(distx,disty,inc,speed,fn) {
  74.     var endx = this.x + distx
  75.     var endy = this.y + disty
  76.     this.slideStart(endx,endy,distx,disty,inc,speed,fn)
  77. }
  78. function DynLayerSlideStart(endx,endy,distx,disty,inc,speed,fn) {
  79.     if (this.slideActive) return
  80.     var num = Math.sqrt(Math.pow(distx,2) + Math.pow(disty,2))/inc
  81.     var dx = distx/num
  82.     var dy = disty/num
  83.     if (!fn) fn = null
  84.     this.slideActive = true
  85.     this.slide(dx,dy,endx,endy,num,1,speed,fn)
  86. }
  87. function DynLayerSlide(dx,dy,endx,endy,num,i,speed,fn) {
  88.     if (!this.slideActive) return
  89.     if (i++ < num) {
  90.         this.moveBy(dx,dy)
  91.         setTimeout(this.obj+".slide("+dx+","+dy+","+endx+","+endy+","+num+","+i+","+speed+",\""+fn+"\")",speed)
  92.     }
  93.     else {
  94.         this.slideActive = false
  95.         this.moveTo(endx,endy)
  96.         eval(fn)
  97.     }
  98. }
  99. function DynLayerClipInit(clipTop,clipRight,clipBottom,clipLeft) {
  100.     this.clipTo = DynLayerClipTo
  101.     this.clipBy = DynLayerClipBy
  102.     this.clipValues = DynLayerClipValues
  103.     if (ie4) {
  104.         if (arguments.length==4) this.clipTo(clipTop,clipRight,clipBottom,clipLeft)
  105.         else this.clipTo(0,this.w,this.h,0)
  106.     }
  107. }
  108. function DynLayerClipTo(t,r,b,l) {
  109.     if (t==null) t = this.clipValues('t')
  110.     if (r==null) r = this.clipValues('r')
  111.     if (b==null) b = this.clipValues('b')
  112.     if (l==null) l = this.clipValues('l')
  113.     if (ns4) {
  114.         this.css.clip.top = t
  115.         this.css.clip.right = r
  116.         this.css.clip.bottom = b
  117.         this.css.clip.left = l
  118.     }
  119.     else if (ie4) this.css.clip = "rect("+t+"px "+r+"px "+b+"px "+l+"px)"
  120. }
  121. function DynLayerClipBy(t,r,b,l) {
  122.     this.clipTo(this.clipValues('t')+t,this.clipValues('r')+r,this.clipValues('b')+b,this.clipValues('l')+l)
  123. }
  124. function DynLayerClipValues(which) {
  125.     if (ie4) var clipv = this.css.clip.split("rect(")[1].split(")")[0].split("px")
  126.     if (which=="t") return (ns4)? this.css.clip.top : Number(clipv[0])
  127.     if (which=="r") return (ns4)? this.css.clip.right : Number(clipv[1])
  128.     if (which=="b") return (ns4)? this.css.clip.bottom : Number(clipv[2])
  129.     if (which=="l") return (ns4)? this.css.clip.left : Number(clipv[3])
  130. }
  131. function DynLayerWipeInit(clipTop,clipRight,clipBottom,clipLeft) {
  132.     if (arguments.length==4) this.clipInit(clipTop,clipRight,clipBottom,clipLeft)
  133.     else this.clipInit()
  134.     this.wipeTo = DynLayerWipeTo
  135.     this.wipeBy = DynLayerWipeBy
  136.     this.wipeStart = DynLayerWipeStart
  137.     this.wipe = DynLayerWipe
  138. }
  139. function DynLayerWipeTo(endt,endr,endb,endl,num,speed,fn) {
  140.     var distt = (endt!=null)? endt-this.clipValues('t'):0
  141.     var distr = (endr!=null)? endr-this.clipValues('r'):0
  142.     var distb = (endb!=null)? endb-this.clipValues('b'):0
  143.     var distl = (endl!=null)? endl-this.clipValues('l'):0
  144.     this.wipeStart(distt,distr,distb,distl,endt,endr,endb,endl,num,speed,fn)
  145. }
  146. function DynLayerWipeBy(distt,distr,distb,distl,num,speed,fn) {
  147.     this.wipeStart(distt,distr,distb,distl,distt+this.clipValues('t'),distr+this.clipValues('r'),distb+this.clipValues('b'),distl+this.clipValues('l'),num,speed,fn)
  148. }
  149. function DynLayerWipeStart(distt,distr,distb,distl,endt,endr,endb,endl,num,speed,fn) {
  150.     if (this.wipeActive) return
  151.     if (!fn) fn = null
  152.     this.wipeActive = true
  153.     this.wipe(distt/num,distr/num,distb/num,distl/num,endt,endr,endb,endl,this.clipValues('t'),this.clipValues('r'),this.clipValues('b'),this.clipValues('l'),num,1,speed,fn)
  154. }
  155. function DynLayerWipe(dt,dr,db,dl,endt,endr,endb,endl,st,sr,sb,sl,num,i,speed,fn) {
  156.     if (!this.wipeActive) return
  157.     if (i++ < num) {
  158.         this.clipTo(st+i*dt,sr+i*dr,sb+i*db,sl+i*dl)
  159.         setTimeout(this.obj+".wipe("+dt+","+dr+","+db+","+dl+","+endt+","+endr+","+endb+","+endl+","+st+","+sr+","+sb+","+sl+","+num+","+i+","+speed+",\""+fn+"\")",speed)
  160.     }
  161.     else {
  162.         this.wipeActive = false
  163.         this.clipTo(endt,endr,endb,endl)
  164.         eval(fn)    
  165.     }
  166. }
  167. function DynLayerInit(nestref) {
  168.     if (ns4) {
  169.         if (nestref) ref = eval('document.'+nestref+'.document')
  170.         else {nestref = ''; ref = document;}
  171.         for (var i=0; i<ref.layers.length; i++) {
  172.             var divname = ref.layers[i].name
  173.             var index = divname.indexOf("Div")
  174.             if (index > 0) {
  175.                 eval(divname.substr(0,index)+' = new DynLayer("'+divname+'","'+nestref+'")')
  176.             }
  177.             if (ref.layers[i].document.layers.length > 0) {
  178.                 DynLayerInit.refArray[DynLayerInit.refArray.length] = (nestref=='')? ref.layers[i].name : nestref+'.'+ref.layers[i].name
  179.             }
  180.         }
  181.         if (DynLayerInit.refArray.i < DynLayerInit.refArray.length) {
  182.             DynLayerInit(DynLayerInit.refArray[DynLayerInit.refArray.i++])
  183.         }
  184.     }
  185.     else if (ie4) {
  186.         for (var i=0; i<document.all.tags("DIV").length; i++) {
  187.             var divname = document.all.tags("DIV")[i].id
  188.             var index = divname.indexOf("Div")
  189.             if (index > 0) {
  190.                 eval(divname.substr(0,index)+' = new DynLayer("'+divname+'")')
  191.             }
  192.         }
  193.     }
  194.     return true
  195. }
  196. DynLayerInit.refArray = new Array()
  197. DynLayerInit.refArray.i = 0
  198.