You can subscribe to this list here.
2001 |
Jan
|
Feb
|
Mar
|
Apr
|
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
(17) |
Nov
(47) |
Dec
(1) |
---|---|---|---|---|---|---|---|---|---|---|---|---|
2002 |
Jan
(44) |
Feb
(8) |
Mar
|
Apr
(26) |
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
|
Nov
|
Dec
|
2003 |
Jan
|
Feb
(1) |
Mar
(44) |
Apr
|
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
|
Nov
|
Dec
|
2005 |
Jan
|
Feb
|
Mar
|
Apr
|
May
|
Jun
|
Jul
|
Aug
(13) |
Sep
(2) |
Oct
|
Nov
|
Dec
|
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:34
|
Update of /cvsroot/dynapi/dynapi3x/src/api In directory sc8-pr-cvs1:/tmp/cvs-serv6593/src/api Modified Files: dyndocument.js dynlayer_dom.js dynlayer_ie.js dynlayer_ns4.js dynlayer_opera.js event.js Added Files: dynlayer_base.js Log Message: updated/added by raymond --- NEW FILE --- /* DynAPI Distribution DynLayer Base/Common Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. requires: dynapi.api.DynDocument */ var DynLayerBase = {}; // used by library function DynLayer(html,x,y,w,h,color) { this.DynElement = DynElement; this.DynElement(); if (html && html.constructor==Object){ var args=html; // dictionary input html=args.html; x = args.x; y = args.y; w = args.w; h = args.h; color = args.color; this.visible = (args.visible||true); this.z = (args.zIndex||1); this._saveAnchor = args.anchor; this._textSelectable = (args.textSelectable||true); if (args.id) this.setID(args.id,true); } else { this.visible = true; this.z = 1; this._saveAnchor = false; this._textSelectable = true; } this.html = html; this.x = x; this.y = y; this.w = w; this.h = h; this.bgColor = color; this.elm = null; this.doc = null; this.css = null; }; var p = dynapi.setPrototype('DynLayer','DynElement'); p._destroy = function() { for (var i=0;i<this.children.length;i++) { this.children[i]._destroy(); } this.removeAllEventListeners(); if (this.elm) this._remove(); DynObject.all[this.id] = null; this.children = null; this.frame = null; this.bgImage = null; this.bgColor = null; this.html = null; this.x = null; this.y = null; this.w = null; this.h = null; this.z = null; this.doc = null; this.css = null; this._dyndoc = null; this.parent = null; }; p._remove = function() { //! Overwritten by NS4 if (this.elm) { //this.elm.style.visibility = "hidden"; this.elm.innerHTML = ""; this.elm.outerHTML = ""; this.elm = null; if (this.releaseMouseEvents) this.releaseMouseEvents(); if (this.releaseKeyEvents) this.releaseKeyEvents(); } /*this.frame = null; this.bgImage = null; this.bgColor = null; this.html = null; this.z = null; this.w = null; this.h = null; this.elm = null; this.doc = null; this.css = null;*/ }; p._createInserted = function(divs){ DynLayer._assignElement(this,null,divs); //! NS4 will ignore divs DynElement._flagCreate(this); }; p.getOuterHTML=function() { //! Overwritten by NS4 var s,clip='',bgimage=' background-image:none;'; if(this.bgImage!=null) bgimage=' background-image:url('+this.bgImage+');'; //else if (this.bgImage==null && this.html==null) bgimage=' background-image:none;'; if (this.clip) clip=' clip:rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px);'; else if (this.w!=null && this.h!=null) clip=' clip:rect(0px '+this.w+'px '+this.h+'px 0px);'; return [ '\n<div id="'+this.id+'" style="', ' left:',(this.x!=null? this.x : 0),'px;', ' top:',(this.y!=null? this.y : 0),'px;', ((this.w!=null)? ' width:'+this.w+'px;':''), ((this.h!=null)? ' height:'+this.h+'px;':''), ((this.z)? ' z-index:'+this.z+';':''), ((this._cursor!=null)? ' cursor:'+this._cursor+';':''), ((this._overflow!=null)? ' overflow:'+this._overflow+';':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), bgimage, clip, this._cssBorder, ' position:absolute;">', this.getInnerHTML(), '</div>' ].join(''); }; p.getInnerHTML=function() { //! Overwritten by NS4 var s = ''; var i,ch=this.children; if (this.html!=null) s+=this.html; for (i=0;i<ch.length;i++) s+=ch[i].getOuterHTML(); return s; }; p.getPageX = function() {return (this.isChild)? this.parent.getPageX()+(this.x||0) : this.x||0}; //! Overwritten by NS4 p.getPageY = function() {return (this.isChild)? this.parent.getPageY()+(this.y||0) : this.y||0}; //! Overwritten by NS4 this._cssBorder=''; p.setBorder = function(w,c){ //! Overwritten by NS4 w = (w!=null)? w:0; c = (c!=null)? c:'#000000'; if(!this.css) this._cssBorder='border-color:'+c+';border-width:'+w+';border-solid;'; else { this.css.borderStyle="solid"; this.css.borderColor=c; this.css.borderWidth=w+"px"; }; }; p.setVisible = function(b) { //! Overwritten by NS4 //if (b!=this.visible) { this.visible = b; if (this.css) this.css.visibility = b? "inherit" : "hidden"; //} }; p.setSize = function(w,h) { //! Overwritten by NS4 if (this._useMinSize||this._useMaxSize){ if (this.minW && w<this.minW) w=this.minW; if (this.minH && h<this.minH) h=this.minH; if (this.maxW && w>this.maxW) w=this.maxW; if (this.maxH && h>this.maxH) h=this.maxH; } var cw = (w!=null && w!=this.w); var ch = (h!=null && h!=this.h); if (cw) this.w = w<0? 0 : w; if (ch) this.h = h<0? 0 : h; if (cw||ch) { if (this._updateAnchors) this._updateAnchors(); if (this.css) { if (cw) this.css.width = this.w||0; if (ch) this.css.height = this.h||0; if (cw || ch) this.css.clip = 'rect(0px '+(this.w||0)+'px '+(this.h||0)+'px 0px)'; if (this.updateLayout) this.updateLayout(); } } if(this._hasResizeEvents) this.invokeEvent('resize'); return (cw||ch); }; p.setMaximumSize = function(w,h){ this._maxW=w; this._maxH=h; this._useMaxSize=(w!=h!=null); w=(this.w>w)?w:this.w; h=(this.h>h)? h:this.h; this.setSize(this.w,this.h); }; p.setMinimumSize = function(w,h){ this._minW=w; this._minH=h; this._useMinSize=(w!=h!=null); this.setSize(this.w,this.h); }; p._overflow='hidden'; p.getOverflow = function(){return this._overflow}; p.setOverflow = function(s){ if(!s) s='default'; this._overflow=s; if(this.css) this.css.overflow=s; }; p.getAnchor = function(){ if(!this.parent) return this._saveAnchors; else if (this.parent._childAnchors) { return this.parent._childAnchors[this.id]; } }; p.setAnchor = function(anchor) { if (anchor == null) { delete this._saveAnchor; if (this.parent && this.parent._childAnchors && this.parent._childAnchors[this.is]) delete this.parent._childAnchors[this.is]; } else if (this.parent) { if (!this.parent._childAnchors) this.parent._childAnchors = {}; var a = this.parent._childAnchors; a[this.id] = anchor; this.parent._updateAnchor(this.id); } else this._saveAnchor = anchor; }; p.setX=function(x) {this.setLocation(x,null)}; p.setY=function(y) {this.setLocation(null,y)}; p.getX=function() {return this.x||0}; p.getY=function() {return this.y||0}; p.setPageX = function(x) {this.setPageLocation(x,null)}; p.setPageY = function(y) {this.setPageLocation(null,y)}; p.getVisible=function() {return this.visible}; p.getZIndex=function() {return this.z}; p.setZIndex=function(z) { if (typeof(z)=="object") { if (z.above) this.z = z.above.z + 1; else if (z.below) this.z = z.below.z - 1; else if (z.topmost && this.parent) { var topZ=10000,ch=this.parent.children; for(var i=0;i<ch.length;i++) if (ch[i].z>topZ) topZ=ch[i].z; this.parent._topZ = topZ+2; this.z = this.parent._topZ; } } else this.z = z; if (this.css) this.css.zIndex = this.z; }; p.getHTML = function() {return this.html}; p.setWidth=function(w) {this.setSize(w,null)}; p.setHeight=function(h) {this.setSize(null,h)}; p.getWidth=function() {return this.w||0}; p.getHeight=function() {return this.h||0}; p.getBgImage=function() {return this.bgImage}; p.getBgColor=function() {return this.bgColor}; p.setBgColor=function(c) { //! Overwritten by NS4 if (c==null) c = 'transparent'; this.bgColor = c; if (this.css) this.css.backgroundColor = c; }; p.setBgImage=function(path) { //! Overwritten by NS4 this.bgImage=path; if (this.css) this.css.backgroundImage='url('+path+')'; }; p.setClip=function(clip) { //! Overwritten by NS4 var cc=this.getClip(); for (var i=0;i<clip.length;i++) if (clip[i]==null) clip[i]=cc[i]; this.clip=clip; if (this.css==null) return; var c=this.css.clip; this.css.clip="rect("+clip[0]+"px "+clip[1]+"px "+clip[2]+"px "+clip[3]+"px)"; }; p.getClip=function() { //! Overwritten by NS4 if (this.css==null || !this.css.clip) return [0,0,0,0]; var c = this.css.clip; if (c) { if (c.indexOf("rect(")>-1) { c=c.split("rect(")[1].split(")")[0].split("px"); for (var i=0;i<c.length;i++) c[i]=parseInt(c[i]); return [c[0],c[1],c[2],c[3]]; } else return [0,this.w,this.h,0]; } }; Index: dyndocument.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dyndocument.js,v retrieving revision 1.5 retrieving revision 1.6 diff -C2 -r1.5 -r1.6 *** dyndocument.js 9 Mar 2003 22:21:46 -0000 1.5 --- dyndocument.js 26 Mar 2003 02:22:31 -0000 1.6 *************** *** 60,71 **** this.doc.fgColor = color; }; ! p.insertChild = function(c) { if (c && !c.isInline && c.parent == this) { ! DynElement._flagEvent(c,'precreate'); ! this.doc.write(c.getOuterHTML()); ! c._inserted = true; } }; ! p.insertAllChildren = function() { var i,c,str =['']; var ch=this.children; --- 60,74 ---- this.doc.fgColor = color; }; ! p.insertChild = function(c,usebp) { // Blueprint Enabled if (c && !c.isInline && c.parent == this) { ! DynElement._flagPeCreate(c); ! if(useBlueprint) c.isInline=c._noInlineValues=true; ! else { ! this.doc.write(c.getOuterHTML()); ! c._inserted = true; ! } } }; ! p.insertAllChildren = function(usebp,bpSrc) { // Blueprint Enabled var i,c,str =['']; var ch=this.children; *************** *** 73,84 **** c = ch[i]; if(!c.isInline){ ! DynElement._flagEvent(c,'precreate'); ! str[i]=c.getOuterHTML(); ! c._inserted = true; } } ! this.doc.write(str.join('\n')); ! this.doc.close(); }; p._create = function() { var ua=dynapi.ua; --- 76,96 ---- c = ch[i]; if(!c.isInline){ ! DynElement._flagPreCreate(c); ! if(usebp) c.isInline=c._noInlineValues=true; ! else { ! str[i]=c.getOuterHTML(); ! c._inserted = true; ! } } } ! if(usebp){ ! if(bpSrc) dynapi.frame.document.write('<script type="text/javascript" language="JavaScript" src="'+bpSrc+'"><\/script>'); ! } ! else { ! this.doc.write(str.join('\n')); ! this.doc.close(); ! } }; + p._create = function() { var ua=dynapi.ua; *************** *** 103,107 **** var divs; // create divs object - speeds up DOM browsers on Win32. Linux & Mac? ! if (ua.win32 && (ua.ie||ua.dom)) { divs={} var dv,all=(ua.ie||ua.opera)? document.all.tags('div') : document.getElementsByTagName('div'); --- 115,119 ---- var divs; // create divs object - speeds up DOM browsers on Win32. Linux & Mac? ! if (ua.ie||ua.dom) { divs={} var dv,all=(ua.ie||ua.opera)? document.all.tags('div') : document.getElementsByTagName('div'); Index: dynlayer_dom.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_dom.js,v retrieving revision 1.4 retrieving revision 1.5 diff -C2 -r1.4 -r1.5 *** dynlayer_dom.js 9 Mar 2003 22:21:46 -0000 1.4 --- dynlayer_dom.js 26 Mar 2003 02:22:31 -0000 1.5 *************** *** 1,94 **** /* DynAPI Distribution ! DynLayer Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynDocument */ ! function DynLayer(html,x,y,w,h,color) { ! this.DynElement = DynElement; ! this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; ! this.x = x; ! this.y = y; ! this.w = w; ! this.h = h; ! this.bgColor = color; ! this.elm = null; ! this.doc = null; ! this.css = null; ! }; ! var p = dynapi.setPrototype('DynLayer','DynElement'); ! p._destroy = function() { ! for (var i=0;i<this.children.length;i++) { ! this.children[i]._destroy(); ! } ! this.removeAllEventListeners(); ! if (this.elm) this._remove(); ! DynObject.all[this.id] = null; ! this.children = null; ! this.frame = null; ! ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.x = null; ! this.y = null; ! this.w = null; ! this.h = null; ! this.z = null; ! this.doc = null; ! this.css = null; ! this._dyndoc = null; ! this.parent = null; ! }; ! ! p._remove = function() { ! if (this.elm) { ! //this.elm.style.visibility = "hidden"; ! this.elm.innerHTML = ""; ! this.elm.outerHTML = ""; // ?? ! this.elm = null; ! if (this.releaseMouseEvents) this.releaseMouseEvents(); ! if (this.releaseKeyEvents) this.releaseKeyEvents(); ! } ! /*this.frame = null; ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.z = null; ! this.w = null; ! this.h = null; ! this.elm = null; ! this.doc = null; ! this.css = null;*/ ! }; p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagEvent(this,'precreate'); var elm, parentElement; parentElement = this.parent.elm; --- 1,15 ---- /* DynAPI Distribution ! DynLayer DOM Specific Functions The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynLayerBase */ ! p = DynLayer.prototype; p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagPreCreate(this); var elm, parentElement; parentElement = this.parent.elm; *************** *** 102,115 **** DynLayer._assignElement(this,elm); ! DynElement._flagEvent(this,'create'); } }; - p._createInserted = function(divs){ - DynLayer._assignElement(this,null,divs); - DynElement._flagEvent(this,'create'); - }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) elm = (divs)? divs[dlyr.id] : dlyr.parent.doc.getElementById(dlyr.id); ! //if (!elm) elm = dlyr.parent.doc.getElementById(dlyr.id); dlyr.elm = elm; dlyr.css = elm.style; --- 23,34 ---- DynLayer._assignElement(this,elm); ! DynElement._flagCreate(this); } }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) { ! elm = (divs)? divs[dlyr.id] : dlyr.parent.doc.getElementById(dlyr.id); ! if (!elm) {dlyr._create();return}; // force create() for missing inline layer ! } dlyr.elm = elm; dlyr.css = elm.style; *************** *** 134,169 **** }; - p.getOuterHTML=function() { - var s,bgimage='',clip=''; - if(this.bgImage!=null) bgimage=' background-image:url('+this.bgImage+');'; - if (this.clip) clip=' clip:rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px);'; - else if (this.w!=null && this.h!=null) clip=' clip:rect(0px '+this.w+'px '+this.h+'px 0px);'; - s=[ - '<div id="'+this.id+'" style="', - ' left:',(this.x!=null? this.x : 0),'px;', - ' top:',(this.y!=null? this.y : 0),'px;', - ((this.w!=null)? ' width:'+this.w+'px;':''), - ((this.h!=null)? ' height:'+this.h+'px;':''), - ((this.z)? ' z-index:'+this.z+';':''), - ((this._cursor!=null)? ' cursor:'+this._cursor+';':''), - ((this._overflow!=null)? ' overflow:hidden;':''), - ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), - ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), - bgimage, - clip, - ' position:absolute;">', - this.getInnerHTML(), - '</div>\n' - ]; - return s.join(''); - }; - p.getInnerHTML=function() { - var s = ''; - var i,ch=this.children; - if (this.html!=null) s+=this.html; - for (i=0;i<ch.length;i++) s+=ch[i].getOuterHTML(); - return s; - }; - p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); --- 53,56 ---- *************** *** 184,211 **** return this.setLocation(x,y); }; - p.getPageX=function() {return (this.isChild)? this.parent.getPageX()+(this.x||0) : this.x||0}; - p.getPageY=function() {return (this.isChild)? this.parent.getPageY()+(this.y||0) : this.y||0}; - p.setVisible=function(b) { - //if (b!=this.visible) { - this.visible = b; - if (this.css) this.css.visibility = b? "inherit" : "hidden"; - //} - }; - p.setSize = function(w,h) { - var cw = (w!=null && w!=this.w); - var ch = (h!=null && h!=this.h); - if (cw) this.w = w<0? 0 : w; - if (ch) this.h = h<0? 0 : h; - if (cw||ch) { - if (this._updateAnchors) this._updateAnchors(); - if (this.css) { - if (cw) this.css.width = this.w||0; - if (ch) this.css.height = this.h||0; - if (cw || ch) this.css.clip = 'rect(0px '+(this.w||0)+'px '+(this.h||0)+'px 0px)'; - if (this.updateLayout) this.updateLayout(); - } - } - return (cw||ch); - }; p.setHTML = function(html) { if (html!=this.html) { --- 71,74 ---- *************** *** 221,245 **** } } }; - p.getAnchor = function(){ - if(!this.parent) return this._saveAnchors; - else if (this.parent._childAnchors) { - return this.parent._childAnchors[this.id]; - } - }; - p.setAnchor = function(anchor) { - if (anchor == null) { - delete this._saveAnchor; - if (this.parent && this.parent._childAnchors && this.parent._childAnchors[this.is]) delete this.parent._childAnchors[this.is]; - } - else if (this.parent) { - if (!this.parent._childAnchors) this.parent._childAnchors = {}; - var a = this.parent._childAnchors; - a[this.id] = anchor; - this.parent._updateAnchor(this.id); - } - else this._saveAnchor = anchor; - }; - p.setTextSelectable=function(b) { this._textSelectable = b --- 84,89 ---- } } + if(this._hasContentEvents) this.invokeEvent('contentchange'); }; p.setTextSelectable=function(b) { this._textSelectable = b *************** *** 247,282 **** if (!b) this.setCursor('default'); }; - - p.setX=function(x) {this.setLocation(x,null)}; - p.setY=function(y) {this.setLocation(null,y)}; - p.getX=function() {return this.x||0}; - p.getY=function() {return this.y||0}; - p.setPageX = function(x) {this.setPageLocation(x,null)}; - p.setPageY = function(y) {this.setPageLocation(null,y)}; - - p.getVisible=function() {return this.visible}; - - p.setZIndex=function(z) { - if (typeof(z)=="object") { - if (z.above) this.z = z.above.z + 1; - else if (z.below) this.z = z.below.z - 1; - else if (z.topmost && this.parent) { - var topZ=10000,ch=this.parent.children; - for(var i=0;i<ch.length;i++) if (ch[i].z>topZ) topZ=ch[i].z; - this.parent._topZ = topZ+1; - this.z = this.parent._topZ; - } - } - else this.z = z; - if (this.css) this.css.zIndex = this.z; - }; - p.getZIndex=function() {return this.z}; - p.getHTML = function() {return this.html}; - p.setWidth=function(w) {this.setSize(w,null)}; - p.setHeight=function(h) {this.setSize(null,h)}; - p.getWidth=function() {return this.w||0}; - p.getHeight=function() {return this.h||0}; - p.getBgImage=function() {return this.bgImage}; - p.getBgColor=function() {return this.bgColor}; p.getCursor = function() {return (this._cursor=='pointer')? 'hand':this._cursor}; p.setCursor = function(c) { --- 91,94 ---- *************** *** 289,301 **** } }; - p.setBgColor=function(c) { - if (c==null) c = 'transparent'; - this.bgColor = c; - if (this.css) this.css.backgroundColor = c; - }; - p.setBgImage=function(path) { - this.bgImage=path; - if (this.css) this.css.backgroundImage='url('+path+')'; - }; p.getContentWidth=function() { if (this.elm==null) return 0; --- 101,104 ---- *************** *** 318,341 **** } }; ! p.setClip=function(clip) { ! var cc=this.getClip(); ! for (var i=0;i<clip.length;i++) if (clip[i]==null) clip[i]=cc[i]; ! this.clip=clip; ! if (this.css==null) return; ! var c=this.css.clip; ! this.css.clip="rect("+clip[0]+"px "+clip[1]+"px "+clip[2]+"px "+clip[3]+"px)"; ! }; ! p.getClip=function() { ! if (this.css==null || !this.css.clip) return [0,0,0,0]; ! var c = this.css.clip; ! if (c) { ! if (c.indexOf("rect(")>-1) { ! c=c.split("rect(")[1].split(")")[0].split("px"); ! for (var i=0;i<c.length;i++) c[i]=parseInt(c[i]); ! return [c[0],c[1],c[2],c[3]]; ! } ! else return [0,this.w,this.h,0]; ! } ! }; p.slideTo = function(endx,endy,inc,speed) { if (!this._slideActive) { --- 121,125 ---- } }; ! p.slideTo = function(endx,endy,inc,speed) { if (!this._slideActive) { Index: dynlayer_ie.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_ie.js,v retrieving revision 1.5 retrieving revision 1.6 diff -C2 -r1.5 -r1.6 *** dynlayer_ie.js 9 Mar 2003 22:21:46 -0000 1.5 --- dynlayer_ie.js 26 Mar 2003 02:22:31 -0000 1.6 *************** *** 1,93 **** /* DynAPI Distribution ! DynLayer Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynDocument */ ! function DynLayer(html,x,y,w,h,color) { ! this.DynElement = DynElement; ! this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; ! this.x = x; ! this.y = y; ! this.w = w; ! this.h = h; ! this.bgColor = color; ! this.elm = null; ! this.doc = null; ! this.css = null; ! }; ! var p = dynapi.setPrototype('DynLayer','DynElement'); ! p._destroy = function() { ! for (var i=0;i<this.children.length;i++) { ! this.children[i]._destroy(); ! } ! this.removeAllEventListeners(); ! if (this.elm) this._remove(); ! DynObject.all[this.id] = null; ! this.children = null; ! this.frame = null; ! ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.x = null; ! this.y = null; ! this.w = null; ! this.h = null; ! this.z = null; ! this.doc = null; ! this.css = null; ! this._dyndoc = null; ! this.parent = null; ! }; ! p._remove = function() { ! if (this.elm) { ! //this.elm.style.visibility = "hidden"; ! this.elm.innerHTML = ""; ! this.elm.outerHTML = ""; ! this.elm = null; ! if (this.releaseMouseEvents) this.releaseMouseEvents(); ! if (this.releaseKeyEvents) this.releaseKeyEvents(); ! } ! /*this.frame = null; ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.z = null; ! this.w = null; ! this.h = null; ! this.elm = null; ! this.doc = null; ! this.css = null;*/ ! }; p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagEvent(this,'precreate'); var elm, parentElement; parentElement = this.parent.elm; --- 1,15 ---- /* DynAPI Distribution ! DynLayer IE Specific Functions The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynLayerBase */ ! p = DynLayer.prototype; p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagPreCreate(this); var elm, parentElement; parentElement = this.parent.elm; *************** *** 118,130 **** } DynLayer._assignElement(this,elm); ! DynElement._flagEvent(this,'create'); } }; - p._createInserted = function(divs){ - DynLayer._assignElement(this,null,divs); - DynElement._flagEvent(this,'create'); - }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) elm = (divs)? divs[dlyr.id] : dlyr.parent.elm.all[dlyr.id]; dlyr.elm = elm; dlyr.css = elm.style; --- 40,51 ---- } DynLayer._assignElement(this,elm); ! DynElement._flagCreate(this); } }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) { ! elm = (divs)? divs[dlyr.id] : dlyr.parent.elm.all[dlyr.id]; ! if (!elm) {dlyr._create();return}; // force create() for missing inline layer ! } dlyr.elm = elm; dlyr.css = elm.style; *************** *** 152,186 **** }; - p.getOuterHTML=function() { - var s,bgimage='',clip=''; - if(this.bgImage!=null) bgimage=' background-image:url('+this.bgImage+');'; - else if (this.bgImage==null && this.html==null) bgimage=' background-image:none;'; - if (this.clip) clip=' clip:rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px);'; - else if (this.w!=null && this.h!=null) clip=' clip:rect(0px '+this.w+'px '+this.h+'px 0px);'; - return [ - '<div id="'+this.id+'" style="', - ' left:',(this.x!=null? this.x : 0),'px;', - ' top:',(this.y!=null? this.y : 0),'px;', - ((this.w!=null)? ' width:'+this.w+'px;':''), - ((this.h!=null)? ' height:'+this.h+'px;':''), - ((this.z)? ' z-index:'+this.z+';':''), - ((this._cursor!=null)? ' cursor:'+this._cursor+';':''), - ((this._overflow!=null)? ' overflow:hidden;':''), - ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), - ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), - bgimage, - clip, - ' position:absolute;">', - this.getInnerHTML(), - '</div>\n' - ].join(''); - }; - p.getInnerHTML=function() { - var s = ''; - var i,ch=this.children; - if (this.html!=null) s+=this.html; - for (i=0;i<ch.length;i++) s+=ch[i].getOuterHTML(); - return s; - }; p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); --- 73,76 ---- *************** *** 192,195 **** --- 82,86 ---- if (cy) this.css.pixelTop = this.y; } + if(this._hasLocationEvents) this.invokeEvent('locationchange'); return (cx||cy); }; *************** *** 207,218 **** return this.setLocation(x,y); }; - p.getPageX=function() {return (this.isChild)? this.parent.getPageX()+(this.x||0) : this.x||0}; - p.getPageY=function() {return (this.isChild)? this.parent.getPageY()+(this.y||0) : this.y||0}; - p.setVisible=function(b) { - //if (b!=this.visible) { - this.visible = b; - if (this.css) this.css.visibility = b? "inherit" : "hidden"; - //} - }; p.setSize = function(w,h) { var cw = (w!=null && w!=this.w); --- 98,101 ---- *************** *** 236,258 **** if (this.css) this.elm.innerHTML = html; } ! }; ! p.getAnchor = function(){ ! if(!this.parent) return this._saveAnchors; ! else if (this.parent._childAnchors) { ! return this.parent._childAnchors[this.id]; ! } ! }; ! p.setAnchor = function(anchor) { ! if (anchor == null) { ! delete this._saveAnchor; ! if (this.parent && this.parent._childAnchors && this.parent._childAnchors[this.is]) delete this.parent._childAnchors[this.is]; ! } ! else if (this.parent) { ! if (!this.parent._childAnchors) this.parent._childAnchors = {}; ! var a = this.parent._childAnchors; ! a[this.id] = anchor; ! this.parent._updateAnchor(this.id); ! } ! else this._saveAnchor = anchor; }; p.setTextSelectable=function(b) { --- 119,123 ---- if (this.css) this.elm.innerHTML = html; } ! if(this._hasContentEvents) this.invokeEvent('contentchange'); }; p.setTextSelectable=function(b) { *************** *** 262,298 **** // && this.captureMouseEvents && !this._hasMouseEvents) this.captureMouseEvents(); }; - - p.setX=function(x) {this.setLocation(x,null)}; - p.setY=function(y) {this.setLocation(null,y)}; - p.getX=function() {return this.x||0}; - p.getY=function() {return this.y||0}; - p.setPageX = function(x) {this.setPageLocation(x,null)}; - p.setPageY = function(y) {this.setPageLocation(null,y)}; - - p.getVisible=function() {return this.visible}; - - p.setZIndex=function(z) { - if (typeof(z)=="object") { - if (z.above) this.z = z.above.z + 1; - else if (z.below) this.z = z.below.z - 1; - else if (z.topmost && this.parent) { - var topZ=10000,ch=this.parent.children; - for(var i=0;i<ch.length;i++) if (ch[i].z>topZ) topZ=ch[i].z; - this.parent._topZ = topZ+1; - this.z = this.parent._topZ; - } - } - else this.z = z; - if (this.css) this.css.zIndex = this.z; - }; - p.getZIndex=function() {return this.z}; - - p.getHTML = function() {return this.html}; - p.setWidth=function(w) {this.setSize(w,null)}; - p.setHeight=function(h) {this.setSize(null,h)}; - p.getWidth=function() {return this.w||0}; - p.getHeight=function() {return this.h||0}; - p.getBgImage=function() {return this.bgImage}; - p.getBgColor=function() {return this.bgColor}; p.getCursor = function() {return this._cursor}; p.setCursor = function(c) { --- 127,130 ---- *************** *** 304,316 **** } }; - p.setBgColor=function(c) { - if (c==null) c = 'transparent'; - this.bgColor = c; - if (this.css) this.css.backgroundColor = c; - }; - p.setBgImage=function(path) { - this.bgImage=path; - if (this.css) this.css.backgroundImage='url('+path+')'; - }; p.getContentWidth=function() { if (this.elm==null) return 0; --- 136,139 ---- *************** *** 325,348 **** if (dynapi.ua.platform=="mac") return this.elm.offsetHeight; return parseInt(this.elm.scrollHeight); - } - }; - p.setClip=function(clip) { - var cc=this.getClip(); - for (var i=0;i<clip.length;i++) if (clip[i]==null) clip[i]=cc[i]; - this.clip=clip; - if (this.css==null) return; - var c=this.css.clip; - this.css.clip="rect("+clip[0]+"px "+clip[1]+"px "+clip[2]+"px "+clip[3]+"px)"; - }; - p.getClip=function() { - if (this.css==null || !this.css.clip) return [0,0,0,0]; - var c = this.css.clip; - if (c) { - if (c.indexOf("rect(")>-1) { - c=c.split("rect(")[1].split(")")[0].split("px"); - for (var i=0;i<c.length;i++) c[i]=parseInt(c[i]); - return [c[0],c[1],c[2],c[3]]; - } - else return [0,this.w,this.h,0]; } }; --- 148,151 ---- Index: dynlayer_ns4.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_ns4.js,v retrieving revision 1.4 retrieving revision 1.5 diff -C2 -r1.4 -r1.5 *** dynlayer_ns4.js 9 Mar 2003 22:21:46 -0000 1.4 --- dynlayer_ns4.js 26 Mar 2003 02:22:31 -0000 1.5 *************** *** 1,70 **** /* DynAPI Distribution ! DynLayer Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynDocument */ ! function DynLayer(html,x,y,w,h,color) { ! this.DynElement = DynElement; ! this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; ! this.x = x; ! this.y = y; ! this.w = w; ! this.h = h; ! this.bgColor = color; ! this.elm = null; ! this.doc = null; ! this.css = null; ! }; ! var p = dynapi.setPrototype('DynLayer','DynElement'); ! p._destroy = function() { ! for (var i=0;i<this.children.length;i++) { ! this.children[i]._destroy(); ! } ! this.removeAllEventListeners(); ! if (this.elm) this._remove(); ! DynObject.all[this.id] = null; ! this.children = null; ! this.frame = null; ! ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.x = null; ! this.y = null; ! this.w = null; ! this.h = null; ! this.z = null; ! this.doc = null; ! this.css = null; ! this._dyndoc = null; ! this.parent = null; ! }; p._remove = function() { if (this.elm) { --- 1,12 ---- /* DynAPI Distribution ! DynLayer NS4 Specific Functions The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynLayerBase */ ! p = DynLayer.prototype; p._remove = function() { if (this.elm) { *************** *** 89,93 **** p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagEvent(this,'precreate'); var parentElement = this.parent.isClass('DynLayer')? this.parent.elm : this.parent.frame; var elm = new Layer(this.w||0, parentElement); --- 31,35 ---- p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagPreCreate(this); var parentElement = this.parent.isClass('DynLayer')? this.parent.elm : this.parent.frame; var elm = new Layer(this.w||0, parentElement); *************** *** 110,122 **** DynLayer._assignElement(this,elm); //if (this.updateLayout) this.updateLayout(); ! DynElement._flagEvent(this,'create'); } }; - p._createInserted = function(){ - DynLayer._assignElement(this,null); - DynElement._flagEvent(this,'create'); - }; DynLayer._assignElement = function(dlyr,elm) { ! if (!elm) elm = dlyr.parent.doc.layers[dlyr.id]; dlyr.elm = elm; dlyr.css = elm; --- 52,63 ---- DynLayer._assignElement(this,elm); //if (this.updateLayout) this.updateLayout(); ! DynElement._flagCreate(this); } }; DynLayer._assignElement = function(dlyr,elm) { ! if (!elm) { ! elm = dlyr.parent.doc.layers[dlyr.id]; ! if (!elm) {dlyr._create();return}; // force create() for missing inline layer ! } dlyr.elm = elm; dlyr.css = elm; *************** *** 150,156 **** ((this.w!=null)? ' width='+this.w:''), ((this.h!=null)? ' height='+this.h:''), ! ((this.z)? ' z-index:'+this.z:''), clip, ! ((this.bgColor!=null)? ' bgcolor="'+this.bgColor+'"':'')+'>', ! this.getInnerHTML(),'</layer>' ]; return s.join(''); --- 91,97 ---- ((this.w!=null)? ' width='+this.w:''), ((this.h!=null)? ' height='+this.h:''), ! ((this.z)? ' z-index:'+this.z:''), ! ((this.bgColor!=null)? ' bgcolor="'+this.bgColor+'"':''), ! clip,'>',this.getInnerHTML(),'</layer>' ]; return s.join(''); *************** *** 175,178 **** --- 116,120 ---- else if (cy) this.css.top = this.y; } + if(this._hasLocationEvents) this.invokeEvent('locationchange'); return (cx||cy); }; *************** *** 199,202 **** --- 141,172 ---- p.getPageX = function() {return this.css? this.css.pageX : null}; p.getPageY = function() {return this.css? this.css.pageY : null}; + + p._bor_tp={h:1,anchor:{top:0,left:0,right:0}}; + p._bor_rt={w:1,anchor:{top:0,right:0,bottom:0}}; + p._bor_bm={h:1,anchor:{bottom:0,left:0,right:0}}; + p._bor_lt={w:1,anchor:{top:0,left:0,bottom:0}}; + p.setBorder = function(w,h){ + w = (w!=null)? w:0; + c = (c!=null)? c:'#000000'; + if(!this._borTp){ + // create border layers + this.addChild(new DynLayer(this._bor_tp),'_borTp');//top + this.addChild(new DynLayer(this._bor_rt),'_borRt');//right + this.addChild(new DynLayer(this._bor_bm),'_borBm');//bottom + this.addChild(new DynLayer(this._bor_lt),'_borLt'); //left + } + // width + this._borTp.setHeight(w); + this._borRt.setWidth(w); + this._borBm.setHeight(w); + this._borLt.setWidth(w); + // color + this._borTp.setBgColor(c); + this._borRt.setBgColor(c); + this._borBm.setBgColor(c); + this._borLt.setBgColor(c); + // update anchors + if (this._updateAnchors) this._updateAnchors(); + }; p.setVisible = function(b) { if (b!=this.visible) { *************** *** 206,209 **** --- 176,185 ---- }; p.setSize = function(w,h) { + if (this._useMinSize||this._useMaxSize){ + if (this.minW && w<this.minW) w=this.minW; + if (this.minH && h<this.minH) h=this.minH; + if (this.maxW && w>this.maxW) w=this.maxW; + if (this.maxH && h>this.maxH) h=this.maxH; + } var cw = (w!=null && w!=this.w); var ch = (h!=null && h!=this.h); *************** *** 218,221 **** --- 194,198 ---- } } + if(this._hasResizeEvents) this.invokeEvent('resize'); return (cw||ch); }; *************** *** 233,257 **** } } }; - p.getAnchor = function(){ - if(!this.parent) return this._saveAnchors; - else if (this.parent._childAnchors) { - return this.parent._childAnchors[this.id]; - } - }; - p.setAnchor = function(anchor) { - if (anchor == null) { - delete this._saveAnchor; - if (this.parent && this.parent._childAnchors && this.parent._childAnchors[this.is]) delete this.parent._childAnchors[this.is]; - } - else if (this.parent) { - if (!this.parent._childAnchors) this.parent._childAnchors = {}; - var a = this.parent._childAnchors; - a[this.id] = anchor; - this.parent._updateAnchor(this.id); - } - else this._saveAnchor = anchor; - }; - p.setTextSelectable=function(b) { this._textSelectable = b --- 210,215 ---- } } + if(this._hasContentEvents) this.invokeEvent('contentchange'); }; p.setTextSelectable=function(b) { this._textSelectable = b *************** *** 263,296 **** // && this.captureMouseEvents && !this._hasMouseEvents) this.captureMouseEvents(); }; - - p.setX=function(x) {this.setLocation(x,null)}; - p.setY=function(y) {this.setLocation(null,y)}; - p.getX=function() {return this.x||0}; - p.getY=function() {return this.y||0}; - p.setPageX = function(x) {this.setPageLocation(x,null)}; - p.setPageY = function(y) {this.setPageLocation(null,y)}; - p.getVisible=function() {return this.visible}; - p.setZIndex=function(z) { - if (typeof(z)=="object") { - if (z.above) this.z = z.above.z + 1; - else if (z.below) this.z = z.below.z - 1; - else if (z.topmost && this.parent) { - var topZ=10000,ch=this.parent.children; - for(var i=0;i<ch.length;i++) if (ch[i].z>topZ) topZ=ch[i].z; - this.parent._topZ = topZ+1; - this.z = this.parent._topZ; - } - } - else this.z = z; - if (this.css) this.css.zIndex = this.z; - }; - p.getZIndex=function() {return this.z}; - p.getHTML = function() {return this.html}; - p.setWidth=function(w) {this.setSize(w,null)}; - p.setHeight=function(h) {this.setSize(null,h)}; - p.getWidth=function() {return this.w||0}; - p.getHeight=function() {return this.h||0}; - p.getBgImage=function() {return this.bgImage}; - p.getBgColor=function() {return this.bgColor}; p.getCursor = function() {return this._cursor}; p.setCursor = function(c) { --- 221,224 ---- Index: dynlayer_opera.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_opera.js,v retrieving revision 1.4 retrieving revision 1.5 diff -C2 -r1.4 -r1.5 *** dynlayer_opera.js 9 Mar 2003 22:21:46 -0000 1.4 --- dynlayer_opera.js 26 Mar 2003 02:22:31 -0000 1.5 *************** *** 1,9 **** /* DynAPI Distribution ! DynLayer Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynDocument */ --- 1,9 ---- /* DynAPI Distribution ! DynLayer Opera Specific Functions The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! requires: dynapi.api.DynLayerBase */ *************** *** 16,101 **** // the all[] collection is not available ! function DynLayer(html,x,y,w,h,color) { ! this.DynElement = DynElement; ! this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; ! this.x = x; ! this.y = y; ! this.w = w; ! this.h = h; ! this.bgColor = color; ! this.elm = null; ! this.doc = null; ! this.css = null; ! }; ! var p = dynapi.setPrototype('DynLayer','DynElement'); ! p._destroy = function() { ! for (var i=0;i<this.children.length;i++) { ! this.children[i]._destroy(); ! } ! this.removeAllEventListeners(); ! if (this.elm) this._remove(); ! DynObject.all[this.id] = null; ! this.children = null; ! this.frame = null; ! ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.x = null; ! this.y = null; ! this.w = null; ! this.h = null; ! this.z = null; ! this.doc = null; ! this.css = null; ! this._dyndoc = null; ! this.parent = null; ! }; ! p._remove = function() { ! if (this.elm) { ! //this.elm.style.visibility = "hidden"; ! this.elm.innerHTML = ""; ! this.elm.outerHTML = ""; ! this.elm = null; ! if (this.releaseMouseEvents) this.releaseMouseEvents(); ! if (this.releaseKeyEvents) this.releaseKeyEvents(); ! } ! /*this.frame = null; ! this.bgImage = null; ! this.bgColor = null; ! this.html = null; ! this.z = null; ! this.w = null; ! this.h = null; ! this.elm = null; ! this.doc = null; ! this.css = null;*/ ! }; p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagEvent(this,'precreate'); var elm, parentElement; parentElement = this.parent.elm; --- 16,23 ---- // the all[] collection is not available ! p = DynLayer.prototype; p._create = function() { if (this.parent && !this.elm) { ! DynElement._flagPreCreate(this); var elm, parentElement; parentElement = this.parent.elm; *************** *** 106,119 **** DynLayer._assignElement(this,elm); ! DynElement._flagEvent(this,'create'); } }; - p._createInserted = function(divs){ - DynLayer._assignElement(this,null,divs); - DynElement._flagEvent(this,'create'); - }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) elm = (divs)? divs[dlyr.id] : dlyr.parent.doc.getElementById(dlyr.id); ! // if (!elm) elm = dlyr.parent.elm.all[dlyr.id]; dlyr.elm = elm; dlyr.css = elm.style; --- 28,39 ---- DynLayer._assignElement(this,elm); ! DynElement._flagCreate(this); } }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) { ! elm = (divs)? divs[dlyr.id] : dlyr.parent.doc.getElementById(dlyr.id); ! if (!elm) {dlyr._create();return}; // force create() for missing inline layer ! } dlyr.elm = elm; dlyr.css = elm.style; *************** *** 137,171 **** if (dlyr._hasKeyEvents) dlyr.captureKeyEvents(); }; - p.getOuterHTML=function() { - var s,bgimage='',clip=''; - if(this.bgImage!=null) bgimage=' background-image:url('+this.bgImage+');'; - else if (this.bgImage==null && this.html==null) bgimage=' background-image:none;'; - if (this.clip) clip=' clip:rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px);'; - else if (this.w!=null && this.h!=null) clip=' clip:rect(0px '+this.w+'px '+this.h+'px 0px);'; - s=[ - '<div id="'+this.id+'" style="', - ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), - ' left:',(this.x!=null? this.x : 0),'px;', - ' top:',(this.y!=null? this.y : 0),'px;', - ((this.w!=null)? ' width:'+this.w+'px;':''), - ((this.h!=null)? ' height:'+this.h+'px;':''), - ((this.z)? ' z-index:'+this.z+';':''), - ((this._cursor!=null)? ' cursor:'+this._cursor+';':''), - ((this._overflow!=null)? ' overflow:hidden;':''), - ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), - bgimage, - clip, - ' position:absolute;">', - this.getInnerHTML(), - '</div>' - ]; - return s.join(''); - }; - p.getInnerHTML=function() { - var i,s = ''; - if (this.html!=null) s+=this.html; - for (i=0;i<this.children.length;i++) s+=this.children[i].getOuterHTML(); - return s; - }; p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); --- 57,60 ---- *************** *** 177,180 **** --- 66,70 ---- if (cy) this.css.pixelTop = this.y; } + if(this._hasLocationEvents) this.invokeEvent('locationchange'); return (cx||cy); }; *************** *** 192,219 **** return this.setLocation(x,y); }; - p.getPageX=function() {return (this.isChild)? this.parent.getPageX()+(this.x||0) : this.x||0}; - p.getPageY=function() {return (this.isChild)? this.parent.getPageY()+(this.y||0) : this.y||0}; - p.setVisible=function(b) { - //if (b!=this.visible) { - this.visible = b; - if (this.css) this.css.visibility = b? "inherit" : "hidden"; - //} - }; - p.setSize = function(w,h) { - var cw = (w!=null && w!=this.w); - var ch = (h!=null && h!=this.h); - if (cw) this.w = w<0? 0 : w; - if (ch) this.h = h<0? 0 : h; - if (cw||ch) { - if (this._updateAnchors) this._updateAnchors(); - if (this.css) { - if (cw) this.css.width = this.w||0; - if (ch) this.css.height = this.h||0; - if (cw || ch) this.css.clip = 'rect(0px '+(this.w||0)+'px '+(this.h||0)+'px 0px)'; - if (this.updateLayout) this.updateLayout(); - } - } - return (cw||ch); - }; p.setHTML = function(html) { if (html!=this.html) { --- 82,85 ---- *************** *** 221,243 **** if (this.css) this.elm.innerHTML = html; } ! }; ! p.getAnchor = function(){ ! if(!this.parent) return this._saveAnchors; ! else if (this.parent._childAnchors) { ! return this.parent._childAnchors[this.id]; ! } ! }; ! p.setAnchor = function(anchor) { ! if (anchor == null) { ! delete this._saveAnchor; ! if (this.parent && this.parent._childAnchors && this.parent._childAnchors[this.is]) delete this.parent._childAnchors[this.is]; ! } ! else if (this.parent) { ! if (!this.parent._childAnchors) this.parent._childAnchors = {}; ! var a = this.parent._childAnchors; ! a[this.id] = anchor; ! this.parent._updateAnchor(this.id); ! } ! else this._saveAnchor = anchor; }; p.setTextSelectable=function(b) { --- 87,91 ---- if (this.css) this.elm.innerHTML = html; } ! if(this._hasContentEvents) this.invokeEvent('contentchange'); }; p.setTextSelectable=function(b) { *************** *** 247,282 **** // && this.captureMouseEvents && !this._hasMouseEvents) this.captureMouseEvents(); }; - - p.setX=function(x) {this.setLocation(x,null)}; - p.setY=function(y) {this.setLocation(null,y)}; - p.getX=function() {return this.x||0}; - p.getY=function() {return this.y||0}; - p.setPageX = function(x) {this.setPageLocation(x,null)}; - p.setPageY = function(y) {this.setPageLocation(null,y)}; - - p.getVisible=function() {return this.visible}; - - p.setZIndex=function(z) { - if (typeof(z)=="object") { - if (z.above) this.z = z.above.z + 1; - else if (z.below) this.z = z.below.z - 1; - else if (z.topmost && this.parent) { - var topZ=10000,ch=this.parent.children; - for(var i=0;i<ch.length;i++) if (ch[i].z>topZ) topZ=ch[i].z; - this.parent._topZ = topZ+1; - this.z = this.parent._topZ; - } - } - else this.z = z; - if (this.css) this.css.zIndex = this.z; - }; - p.getZIndex=function() {return this.z}; - p.getHTML = function() {return this.html}; - p.setWidth=function(w) {this.setSize(w,null)}; - p.setHeight=function(h) {this.setSize(null,h)}; - p.getWidth=function() {return this.w||0}; - p.getHeight=function() {return this.h||0}; - p.getBgImage=function() {return this.bgImage}; - p.getBgColor=function() {return this.bgColor}; p.getCursor = function() {return this._cursor}; p.setCursor = function(c) { --- 95,98 ---- *************** *** 288,300 **** } }; - p.setBgColor=function(c) { - if (c==null) c = 'transparent'; - this.bgColor = c; - if (this.css) this.css.backgroundColor = c; - }; - p.setBgImage=function(path) { - this.bgImage=path; - if (this.css) this.css.backgroundImage='url('+path+')'; - }; p.getContentWidth=function() { if (this.elm==null) return 0; --- 104,107 ---- *************** *** 309,332 **** if (dynapi.ua.platform=="mac") return this.elm.offsetHeight; return parseInt(this.elm.scrollHeight); - } - }; - p.setClip=function(clip) { - var cc=this.getClip(); - for (var i=0;i<clip.length;i++) if (clip[i]==null) clip[i]=cc[i]; - this.clip=clip; - if (this.css==null) return; - var c=this.css.clip; - this.css.clip="rect("+clip[0]+"px "+clip[1]+"px "+clip[2]+"px "+clip[3]+"px)"; - }; - p.getClip=function() { - if (this.css==null || !this.css.clip) return [0,0,0,0]; - var c = this.css.clip; - if (c) { - if (c.indexOf("rect(")>-1) { - c=c.split("rect(")[1].split(")")[0].split("px"); - for (var i=0;i<c.length;i++) c[i]=parseInt(c[i]); - return [c[0],c[1],c[2],c[3]]; - } - else return [0,this.w,this.h,0]; } }; --- 116,119 ---- Index: event.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/event.js,v retrieving revision 1.4 retrieving revision 1.5 diff -C2 -r1.4 -r1.5 *** event.js 9 Mar 2003 22:21:46 -0000 1.4 --- event.js 26 Mar 2003 02:22:31 -0000 1.5 *************** *** 5,12 **** The DynAPI Distribution is distributed under the terms of the GNU LGPL license. */ - function DynEvent(type,src) { - this.DynObject = DynObject; - this.DynObject(); this.type = type; this.src = src; --- 5,9 ---- *************** *** 17,22 **** this.defaultValue = true; }; ! var p = dynapi.setPrototype('DynEvent','DynObject'); ! p.getType = function() {return this.type}; p.getSource = function() {return this.src}; --- 14,18 ---- this.defaultValue = true; }; ! var p = DynEvent.prototype; p.getType = function() {return this.type}; p.getSource = function() {return this.src}; *************** *** 39,48 **** for (var i=0;i<this._listeners.length;i++) if (this._listeners[i]==el) return; this._listeners[this._listeners.length] = el; ! // use onCreate() and onPrecreate() instead ! //this._hasCreateEvent=(el['oncreate'])? true:this._hasCreateEvent; ! //this._hasPrecreateEvent=(el['onprecreate'])? true:this._hasPrecreateEvent; this._hasDragEvents=(el['ondragstart']||el['ondragmove']|| el['ondragend']||el['ondragdrop']|| ! el['ondragover']||el['ondragout'])? true:this._hasDragEvents; if (this.captureMouseEvents) { --- 35,45 ---- for (var i=0;i<this._listeners.length;i++) if (this._listeners[i]==el) return; this._listeners[this._listeners.length] = el; ! // Use onCreate() and onPrecreate() function for create events ! this._hasContentEvents=(el['oncontentchange'])? true:this._hasContentEvents; ! this._hasLocationEvents=(el['onlocationchange'])? true:this._hasLocationEvents; ! this._hasResizeEvents=(el['onresize'])? true:this._hasResizeEvents; this._hasDragEvents=(el['ondragstart']||el['ondragmove']|| el['ondragend']||el['ondragdrop']|| ! el['ondragover']||el['ondragout'])? true:this._hasDragEvents; if (this.captureMouseEvents) { *************** *** 113,129 **** this._childAnchors = []; }; DynElement._flagEvent = function(c,type) { - if (type=="create") c._created = true; - if (type=='precreate'||type=='create') { - // Raise onCreate/onPreCreate callback Flag - if (c._hasPCreateFn||c._hasCreateFn) c._flagCreateEvent(type); - }else{ - // Raise other events; - c.invokeEvent(type); - } var ch=c.children; ! for (var i=0; i<ch.length; i++) { ! DynElement._flagEvent(ch[i],type); ! } }; p = dynapi.setPrototype('DynElement','EventObject'); --- 110,128 ---- this._childAnchors = []; }; + DynElement._flagCreate = function(c){ // much faster than using DynElemnt._flagEvent + var ch=c.children; + c._created = true; + if (c._hasCreateFn) c._flagCreateEvent('create'); + for (var i=0; i<ch.length; i++) this._flagCreate(ch[i]); + }; + DynElement._flagPreCreate = function(c){ + var ch=c.children; + if (c._hasPCreateFn) c._flagCreateEvent('precreate'); + for (var i=0; i<ch.length; i++) this._flagCreate(ch[i]); + }; DynElement._flagEvent = function(c,type) { var ch=c.children; ! c.invokeEvent(type); ! for (var i=0; i<ch.length; i++) this._flagEvent(ch[i],type); }; p = dynapi.setPrototype('DynElement','EventObject'); |
Update of /cvsroot/dynapi/dynapi3x/examples In directory sc8-pr-cvs1:/tmp/cvs-serv6593/examples Modified Files: dynapi.api.ext.inline.html dynapi.fx.pathanim.html speedtest.dynlayer-basic.html Added Files: demo.oncontentchange.html demo.onlocationchange.html demo.spaceship-circle.html demo.spaceship-path.html dynapi.fx.swiper.html dynapi.gui.focusmanager.html dynapi.util.cookie.html speedtest.dynlayer.inline-basic-blueprint_def.js speedtest.dynlayer.inline-basic-blueprint_ns4.js speedtest.dynlayer.inline-basic-dom.html speedtest.dynlayer.inline-basic.html speedtest.dynlayer.inline-deep_nest-dom.html Log Message: updated/added by raymond --- NEW FILE --- <html> <head> <title>DynAPI Examples - On Content Change Event</title> <script language="Javascript" src="../src/dynapi.js"></script> <script language="Javascript"> <!-- dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); //--> </script> <script language="Javascript"> <!-- dynapi.onLoad(function() { lyr = new DynLayer('Hello',300,50,100,100,'yellow'); lyr.addEventListener ({ oncontentchange : function(e) { var me = e.getSource(); alert('Content Change to : "'+me.getHTML()+'"'); } }); dynapi.document.addChild(lyr); }); //--> </script> </head> <body bgcolor="#FFFFFF"> <table bgcolor="#ffffff" border=0><tr><td> <br>Conten #1: <a href="javascript:lyr.setHTML('Cool Layer')">Cool Layer</a> <br>Conten #2: <a href="javascript:lyr.setHTML('Blueprint - Layers in overdrive!')">Blueprint - Layers in overdrive!</a> <br>Conten #3: <a href="javascript:lyr.setHTML('DynAPI is ccool!')">DynAPI is ccool!</a> </td></tr></table> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - On Location Change Event</title> <script language="Javascript" src="../src/dynapi.js"></script> <script language="Javascript"> <!-- dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); //--> </script> <script language="Javascript"> <!-- dynapi.onLoad(function() { lyr = new DynLayer('Hello',300,50,100,100,'yellow'); lyr.addEventListener ({ onlocationchange : function(e) { var me = e.getSource(); me.setHTML('Location Change to:<br> x='+me.getX()+', y='+me.getY()); } }); dynapi.document.addChild(lyr); }); //--> </script> </head> <body bgcolor="#FFFFFF"> <table bgcolor="#ffffff" border=0><tr><td> <br><a href="javascript:;" onclick="lyr.slideTo(parseInt(Math.random()*450),parseInt(Math.random()*200));return false;">Change Location</a> </td></tr></table> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - Spaceship & CircleAnimation</title> <script language="Javascript" src="../src/dynapi.js"></script> <script language="Javascript"> <!-- dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); dynapi.library.include('dynapi.fx.MotionX'); dynapi.library.include('dynapi.gui.ImageClip'); dynapi.library.include('dynapi.fx.CircleAnimation'); //--> </script> <script language="Javascript"> <!-- dynapi.onLoad(function() { block = new ImageClip({x:200,y:200,w:32,h:32,clipImage:"images/ship360.gif",cols:16,rows:1}); circle = new CircleAnimation(block); circle.setRadius(50); circle.setAngle(180); circle.setAngleIncrement(10); circle.sleep(20); circle.playAnimation(); var listener = { onmove : function(e) { var me = e.getSource(); var a= me.getDirectionAngle(); me.setFrame(Math.floor(a/22)) } } block.addEventListener(listener); block.makeSolid() dynapi.document.addChild(block); }); //--> </script> </head> <body bgcolor="#000000" scroll=no> <img src="images/ship360.gif" width="512" height="32"> <table bgcolor="#ffffff" border=0><tr><td> <p>Circle <br>radius: <a href="javascript:circle.setRadius(50)">50</a> | <a href="javascript:circle.setRadius(100)">100</a> <br>H radius: <a href="javascript:circle.setHRadius(50)">50</a> | <a href="javascript:circle.setHRadius(100)">100</a> <br>V radius: <a href="javascript:circle.setVRadius(50)">50</a> | <a href="javascript:circle.setVRadius(100)">100</a> <br>angle increment: <a href="javascript:circle.setAngleIncrement(10)">10</a> | <a href="javascript:circle.setAngleIncrement(5)">5</a> <br>sleep: <a href="javascript:circle.sleep(20)">20</a> | <a href="javascript:circle.sleep(40)">40</a> </td></tr></table> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - Spaceship & PathAnimation</title> <script language="Javascript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); dynapi.library.include('dynapi.fx.PathAnimation'); dynapi.library.include('dynapi.fx.SlideAnimation'); dynapi.library.include('dynapi.fx.MotionX'); dynapi.library.include('dynapi.gui.ImageClip'); dynapi.library.include('dynapi.fx.CircleAnimation'); </script> <script language="Javascript"> dynapi.onLoad(function() { block = new ImageClip({x:200,y:200,w:32,h:32,clipImage:"images/ship360.gif",cols:16,rows:1}); // path 0 straight line manually created path = new PathAnimation(block); linemanual = [100,100,110,110,120,120,130,130,140,140,150,150,160,160,170,170,180,180,190,190,200,200]; path.add( linemanual ); // path 1 straight line generated linegenerated = SlideAnimation(100,100, 33,3, 20); // x1,y1,x2,y2,inc path.add( linegenerated ); // path 2 squiggly line var x = [90,92,94,97,100,103,107,111,116,120,125,130,135,140,146,151,156,161,167,172,177,183,189,196,203,210,218,227,235,244,252,260,267,273,279,284,288,291,293,294,295,294,293,291,288,285,282,278,274,270,266,263,260,257,254,252,251,251,251,253,255,257,261,266,271,277,284,292,300,310,320,332,344,357,371,385,398,412,424,435]; var y = [73,73,72,72,73,73,74,75,77,79,82,85,89,94,101,108,116,125,136,147,158,169,180,191,200,208,215,221,226,229,231,231,230,228,225,220,215,209,202,194,187,179,171,163,155,147,139,132,126,119,114,109,104,100,96,92,88,84,81,77,74,71,68,66,64,63,63,64,65,68,73,79,86,96,107,119,131,143,155,165]; linesquiggle = dynapi.functions.interlacePaths(x,y); path.add( linesquiggle ); // path 3 generated circle path starting at 180degrees about point (250,250) // note: circleanim is not required in order to use pathanim circle = new CircleAnimation(); circle.setRadius(50); circle.setAngle(180); circle.setAngleIncrement(10); circlepath = circle.generatePath(250,250); path.add(circlepath); // default interval path.sleep(50); var listener = { onmove : function(e) { var me = e.getSource(); var a= me.getDirectionAngle(); me.setFrame(Math.floor(a/22)) status=a } } block.addEventListener(listener); block.makeSolid() dynapi.document.addChild(block); }); </script> </head> <body bgcolor="#ffffff"> <p><b>Controls</b>: <br>sleep : <a href="javascript:path.sleep(20)">20</a> | <a href="javascript:path.sleep(50)">50</a> | <a href="javascript:path.sleep(100)">100</a> <br>show coordinates : <a href="javascript:alert(path.paths[0])">path 0</a> | <a href="javascript:alert(path.paths[1])">path 1</a> | <a href="javascript:alert(path.paths[2])">path 2</a> | <a href="javascript:alert(path.paths[3])">path 3</a> <br><a href="javascript:path.stop()">stopAnimation</a> <p><b>Unstored Animations</b> <br><font size=-1>This type is meant for quick playing, the information is deleted when <br>the animation is finished playing (this is used in slide animations)</font> <p><a href="javascript:path.play(linemanual)">quickplay path 0</a> <br><a href="javascript:path.play(linegenerated)">quickplay path 1</a> <br><a href="javascript:path.play(linesquiggle)">quickplay path 2</a> <br><a href="javascript:path.play(circlepath,true)">quickplay path 3</a> (loops) <p><b>Stored Animations</b> <br><font size=-1>These play paths that have been saved in the PathAnimation object</font> <table border=1> <tr><td><td> <td>loop</td> <td>auto-reset</td> <td>play</tr> <tr><td>Path 0 <br>straight line<td> <td><a href="javascript:path.setLoops(0,true)">on</a> | <a href="javascript:path.setLoops(0,false)">off</a></td> <td><a href="javascript:path.setResets(0,true)">on</a> | <a href="javascript:path.setResets(0,false)">off</a></td> <td><a href="javascript:path.play(0)">play</a></td></tr> <tr><td>Path 1 <br>generated line<td> <td><a href="javascript:path.setLoops(1,true)">on</a> | <a href="javascript:path.setLoops(1,false)">off</a></td> <td><a href="javascript:path.setResets(1,true)">on</a> | <a href="javascript:path.setResets(1,false)">off</a></td> <td><a href="javascript:path.play(1)">play</a></td></tr> <tr><td>Path 2 <br>squiggly line<td> <td><a href="javascript:path.setLoops(2,true)">on</a> | <a href="javascript:path.setLoops(2,false)">off</a></td> <td><a href="javascript:path.setResets(2,true)">on</a> | <a href="javascript:path.setResets(2,false)">off</a></td> <td><a href="javascript:path.play(2)">play</a></td></tr> <tr><td>Path 2 <br>circle<td> <td><a href="javascript:path.setLoops(3,true)">on</a> | <a href="javascript:path.setLoops(3,false)">off</a></td> <td><a href="javascript:path.setResets(3,true)">on</a> | <a href="javascript:path.setResets(3,false)">off</a></td> <td><a href="javascript:path.play(3)">play</a></td></tr> </table> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - Swiper Animation</title> <script language="JavaScript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); dynapi.library.include('dynapi.fx.Swiper'); </script> <script language="Javascript"> var lyr = dynapi.document.addChild(new DynLayer('<center><p> <h2>DynAPI 3.0<br>Swiper fx</h2></p></center>',100,50,170,150,'yellow')); dynapi.onLoad(function(){ lyr.swipeTo("top",10); }) </script> </head> <body> <form> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" width="364" height="222"> <tr> <td width="94" height="26" align="center"> <input type="button" value="top-left" name="B1" onclick="lyr.swipeTo(this.value,10)"></td> <td width="160" height="26" align="center"> <input type="button" value="top" name="B8" onclick="lyr.swipeTo(this.value,10)"></td> <td width="106" height="26" align="center"> <input type="button" value="top-right" name="B7" onclick="lyr.swipeTo(this.value,10)"></td> </tr> <tr> <td width="94" height="168" align="center"> <input type="button" value="left" name="B2" onclick="lyr.swipeTo(this.value,10)"></td> <td width="160" height="168" align="center"> </td> <td width="106" height="168" align="center"> <input type="button" value="right" name="B6" onclick="lyr.swipeTo(this.value,10)"></td> </tr> <tr> <td width="94" height="26" align="center"> <input type="button" value="bottom-left" name="B3" onclick="lyr.swipeTo(this.value,10)"></td> <td width="160" height="26" align="center"> <input type="button" value="bottom" name="B4" onclick="lyr.swipeTo(this.value,10)"></td> <td width="106" height="26" align="center"> <input type="button" value="bottom-right" name="B5" onclick="lyr.swipeTo(this.value,10)"></td> </tr> </table> <p> </p> </form> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - Focus Manager</title> <script language="JavaScript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); dynapi.library.include('FocusManager'); </script> <script language="Javascript"> var lyr1=dynapi.document.addChild(new DynLayer(null,100,100,100,100,'yellow')) var lyr2=dynapi.document.addChild(new DynLayer(null,210,100,100,100,'blue')) var lyr3=dynapi.document.addChild(new DynLayer(null,320,100,100,100,'green')) var lyr4=dynapi.document.addChild(new DynLayer(null,380,150,100,100,'#FFCC00')) var lyr5=dynapi.document.addChild(new DynLayer(null,50,150,100,100,'#FFCC00')) var child1=lyr3.addChild(new DynLayer(null,10,10,30,30,'#CCDDEE')); var child2=lyr3.addChild(new DynLayer(null,50,10,30,35,'#CCDDEE')); var child3=child2.addChild(new DynLayer(null,5,5,20,25,'teal')); var el={ onfocus:function(e){ var o=e.getSource(); o.setBorder(2) }, onblur:function(e){ var o=e.getSource(); o.setBorder(0) } } lyr1.addEventListener(el); lyr2.addEventListener(el); lyr3.addEventListener(el); lyr4.addEventListener(el); lyr5.addEventListener(el); child1.addEventListener(el); child2.addEventListener(el); child3.addEventListener(el); lyr1.setFocus('auto',false,'hover'); lyr5.setFocus('auto',false,'hover'); lyr2.setFocus('auto'); lyr3.setFocus('auto'); lyr4.setFocus('auto'); child1.setFocus('auto',true,'hover'); child3.setFocus('auto'); </script> </head> <body> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - Cookie</title> <script language="JavaScript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/'); //dynapi.library.include('dynapi.debug'); dynapi.library.include('dynapi.api'); dynapi.library.include('Cookie'); dynapi.library.include('DragEvent'); </script> <script language="Javascript"> var ck = new Cookie('mycookie',true); // create mycookie object ck.setExpires(100); var o=ck.get('myobject'); // get myobject from mycookie if(!o) o={ name:'mary jane', age:12, email:'mj...@ya...', 'date':new Date(), 'float': 24233.4534, 'array':['red','blue','green'], counter:0 }; var h='<table border="1" width="100%"><tr><td width="100%" align="center"><b><font size="3" face="Arial">'+o.counter+'</font></b></td></tr></table>'; var lyr = dynapi.document.addChild(new DynLayer(h,(ck.get('x')||200),(ck.get('y')||100),100,30,'yellow')); lyr.setTextSelectable(false); DragEvent.enableDragEvents(lyr); window.setInterval('goTick()',500); function goTick(){ o.counter+=10; ck.add('myobject',o); // save or update cookie ck.add('x',lyr.x); // save or update cookie ck.add('y',lyr.y); // save or update cookie lyr.setHTML('<table border="1" width="100%"><tr><td width="100%" align="center"><b><font size="3" face="Arial">'+o.counter+'</font></b></td></tr></table>') } </script> </head> <body bgcolor="#FFFFFF"> <p>Refreshing this page will restore the layer to it's lasted saved state. Drag the layer and try reloading the page</p> -----------------------------------<br> <script> document.write( 'Last Tick Count:\t' +o.counter+'\n' + 'Name:\t\t' +o.name +'<br>'+ 'Age:\t\t' +o.age +'<br>'+ 'Email:\t\t' +o.email +'<br>'+ 'Array Length:\t' +o.array.length+'<br>' + 'Array Content:\t' +o.array+'<br>' ); dynapi.document.insertAllChildren(); </script> </body> </html> --- NEW FILE --- _bw('<div id="DynObject9" style=" left:0px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject10" style=" left:31px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject11" style=" left:62px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject12" style=" left:93px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject13" style=" left:124px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject14" style=" left:155px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject15" style=" left:186px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject16" style=" left:217px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject17" style=" left:248px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject18" style=" left:279px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject19" style=" left:310px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject20" style=" left:341px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject21" style=" left:372px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject22" style=" left:403px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject23" style=" left:434px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject24" style=" left:465px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject25" style=" left:496px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject26" style=" left:527px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject27" style=" left:558px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject28" style=" left:589px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject29" style=" left:620px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject30" style=" left:651px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject31" style=" left:682px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject32" style=" left:713px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject33" style=" left:744px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject34" style=" left:0px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject35" style=" left:31px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject36" style=" left:62px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject37" style=" left:93px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject38" style=" left:124px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject39" style=" left:155px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject40" style=" left:186px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject41" style=" left:217px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject42" style=" left:248px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject43" style=" left:279px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject44" style=" left:310px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject45" style=" left:341px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject46" style=" left:372px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject47" style=" left:403px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject48" style=" left:434px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject49" style=" left:465px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject50" style=" left:496px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject51" style=" left:527px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject52" style=" left:558px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject53" style=" left:589px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject54" style=" left:620px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject55" style=" left:651px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject56" style=" left:682px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject57" style=" left:713px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject58" style=" left:744px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject59" style=" left:0px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject60" style=" left:31px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject61" style=" left:62px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject62" style=" left:93px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject63" style=" left:124px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject64" style=" left:155px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject65" style=" left:186px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject66" style=" left:217px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject67" style=" left:248px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject68" style=" left:279px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject69" style=" left:310px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject70" style=" left:341px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject71" style=" left:372px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject72" style=" left:403px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject73" style=" left:434px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject74" style=" left:465px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject75" style=" left:496px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject76" style=" left:527px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject77" style=" left:558px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject78" style=" left:589px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject79" style=" left:620px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject80" style=" left:651px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject81" style=" left:682px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject82" style=" left:713px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject83" style=" left:744px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject84" style=" left:0px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject85" style=" left:31px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject86" style=" left:62px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject87" style=" left:93px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject88" style=" left:124px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject89" style=" left:155px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject90" style=" left:186px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject91" style=" left:217px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject92" style=" left:248px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject93" style=" left:279px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject94" style=" left:310px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject95" style=" left:341px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject96" style=" left:372px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject97" style=" left:403px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject98" style=" left:434px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject99" style=" left:465px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject100" style=" left:496px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject101" style=" left:527px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject102" style=" left:558px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject103" style=" left:589px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject104" style=" left:620px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject105" style=" left:651px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject106" style=" left:682px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject107" style=" left:713px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject108" style=" left:744px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject109" style=" left:0px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject110" style=" left:31px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject111" style=" left:62px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject112" style=" left:93px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject113" style=" left:124px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject114" style=" left:155px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject115" style=" left:186px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject116" style=" left:217px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject117" style=" left:248px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject118" style=" left:279px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject119" style=" left:310px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject120" style=" left:341px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject121" style=" left:372px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject122" style=" left:403px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject123" style=" left:434px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject124" style=" left:465px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject125" style=" left:496px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject126" style=" left:527px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject127" style=" left:558px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject128" style=" left:589px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject129" style=" left:620px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject130" style=" left:651px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject131" style=" left:682px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject132" style=" left:713px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject133" style=" left:744px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject134" style=" left:0px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject135" style=" left:31px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject136" style=" left:62px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject137" style=" left:93px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject138" style=" left:124px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject139" style=" left:155px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject140" style=" left:186px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject141" style=" left:217px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject142" style=" left:248px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject143" style=" left:279px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject144" style=" left:310px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject145" style=" left:341px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject146" style=" left:372px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject147" style=" left:403px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject148" style=" left:434px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject149" style=" left:465px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject150" style=" left:496px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject151" style=" left:527px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject152" style=" left:558px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject153" style=" left:589px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject154" style=" left:620px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject155" style=" left:651px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject156" style=" left:682px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject157" style=" left:713px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject158" style=" left:744px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject159" style=" left:0px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject160" style=" left:31px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject161" style=" left:62px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject162" style=" left:93px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject163" style=" left:124px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject164" style=" left:155px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject165" style=" left:186px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject166" style=" left:217px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject167" style=" left:248px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject168" style=" left:279px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject169" style=" left:310px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject170" style=" left:341px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject171" style=" left:372px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject172" style=" left:403px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject173" style=" left:434px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject174" style=" left:465px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject175" style=" left:496px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject176" style=" left:527px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject177" style=" left:558px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject178" style=" left:589px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject179" style=" left:620px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject180" style=" left:651px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject181" style=" left:682px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject182" style=" left:713px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject183" style=" left:744px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject184" style=" left:0px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject185" style=" left:31px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject186" style=" left:62px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject187" style=" left:93px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject188" style=" left:124px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject189" style=" left:155px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject190" style=" left:186px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject191" style=" left:217px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject192" style=" left:248px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject193" style=" left:279px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject194" style=" left:310px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject195" style=" left:341px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject196" style=" left:372px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject197" style=" left:403px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject198" style=" left:434px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject199" style=" left:465px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject200" style=" left:496px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject201" style=" left:527px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject202" style=" left:558px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject203" style=" left:589px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject204" style=" left:620px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject205" style=" left:651px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject206" style=" left:682px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject207" style=" left:713px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); _bw('<div id="DynObject208" style=" left:744px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>'); --- NEW FILE --- _bw('<layer id="DynObject9" left=0 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject10" left=31 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject11" left=62 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject12" left=93 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject13" left=124 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject14" left=155 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject15" left=186 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject16" left=217 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject17" left=248 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject18" left=279 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject19" left=310 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>'); _bw('<layer id="DynObject20" left=341 top=51 visibility="inherit" wi... [truncated message content] |
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:34
|
Update of /cvsroot/dynapi/dynapi3x/src/fx In directory sc8-pr-cvs1:/tmp/cvs-serv6593/src/fx Modified Files: circleanim.js fader.js hoveranim.js motionx.js pathanim.js timerx.js Added Files: swiper.js Log Message: updated/added by raymond --- NEW FILE --- /* DynAPI Distribution Swiper Animation Extension - originally designed by Erik Arvidsson (http://web.eae.net) The DynAPI Distribution is distributed under the terms of the GNU LGPL license. requires: DynLayer */ DynLayer.prototype.swipeTo = function(dir, steps, ms) { this._swipeSteps = (steps!=null)? steps: 4; this._swipeMS = (ms!=null)? ms:25; this._swipeDir=dir; if (this.swipeTimer != null) window.clearTimeout(this.swipeTimer); if (!this._swipeCnt) { // No animation yet! this._swipeOrgX = this.getX(); this._swipeOrgY = this.getY(); this._swipeOrgWidth = this.getWidth(); this._swipeOrgHeight = this.getHeight(); } this._swipeCnt = this._swipeSteps; this.setClip([0,0,0,0]); window.setTimeout(this+"._swipe()", this._swipeMS); }; DynLayer.prototype._swipe = function() { var steps = this._swipeSteps; var x = this._swipeOrgX; var y = this._swipeOrgY; var w = this._swipeOrgWidth; var h = this._swipeOrgHeight; if (this._swipeCnt == 0) { this.setClip([0, w, h,0]); this.invokeEvent('swipefinish'); return; } else { this._swipeCnt--; this.setVisible(true); switch (this._swipeDir) { case "bottom": //down (see the numpad) this.setClip([h * this._swipeCnt / steps, w, h, 0]); this.setY(y - h * this._swipeCnt / steps); break; case "top": this.setClip([0, w, h * (steps - this._swipeCnt) / steps, 0]); this.setY(y + h * this._swipeCnt / steps); break; case "right": this.setClip([0, w, h,w * this._swipeCnt / steps]); this.setX(x - w * this._swipeCnt / steps); break; case "left": this.setClip([0, w * (steps - this._swipeCnt) / steps, h, 0]); this.setX(x + w * this._swipeCnt / steps); break; case "bottom-right": this.setClip([h * this._swipeCnt / steps, w, h, w * this._swipeCnt / steps]); this.setX(x - w * this._swipeCnt / steps); this.setY(y - h * this._swipeCnt / steps); break; case "bottom-left": this.setClip([h * this._swipeCnt / steps, w * (steps - this._swipeCnt) / steps, h, 0]); this.setX(x + w * this._swipeCnt / steps); this.setY(y - h * this._swipeCnt / steps); break; case "top-left": this.setClip([0, w * (steps - this._swipeCnt) / steps, h * (steps - this._swipeCnt) / steps, 0]); this.setX(x + w * this._swipeCnt / steps); this.setY(y + h * this._swipeCnt / steps); break; case "top-right": this.setClip([0, w, h * (steps - this._swipeCnt) / steps, w * this._swipeCnt / steps]); this.setX(x - w * this._swipeCnt / steps); this.setY(y + h * this._swipeCnt / steps); } this.swipeTimer = window.setTimeout(this+"._swipe()", this._swipeMS); } }; Index: circleanim.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/circleanim.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** circleanim.js 5 Mar 2003 04:36:16 -0000 1.3 --- circleanim.js 26 Mar 2003 02:22:31 -0000 1.4 *************** *** 8,14 **** */ - // You must add this to the DynAPI library if you want to include it via dynapi.library.include('CircleAnimation'); - // dynapi.library.add('dynapi.fx.CircleAnimation','circleanim.js',['Thread','dynapi.functions.Math']); - function CircleAnimation(dlyr) { this.Thread = Thread; --- 8,11 ---- Index: fader.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/fader.js,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** fader.js 9 Mar 2003 22:21:47 -0000 1.2 --- fader.js 26 Mar 2003 02:22:31 -0000 1.3 *************** *** 1,5 **** /* DynAPI Distribution ! Fader Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. --- 1,5 ---- /* DynAPI Distribution ! Fader Animation Extension The DynAPI Distribution is distributed under the terms of the GNU LGPL license. Index: hoveranim.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/hoveranim.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** hoveranim.js 5 Mar 2003 04:36:16 -0000 1.3 --- hoveranim.js 26 Mar 2003 02:22:31 -0000 1.4 *************** *** 8,14 **** */ - // You must add this to the DynAPI library if you want to include it via dynapi.library.include('HoverAnimation'); - // dynapi.library.add('HoverAnimation','hoveranim.js','Thread','dynapi.fx'); - function HoverAnimation(dlyr) { this.Thread = Thread; --- 8,11 ---- Index: motionx.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/motionx.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** motionx.js 10 Feb 2003 22:35:57 -0000 1.1.1.1 --- motionx.js 26 Mar 2003 02:22:31 -0000 1.2 *************** *** 1,5 **** /* DynAPI Distribution ! MotionX Class by Raymond Irving (xw...@ya...) The DynAPI Distribution is distributed under the terms of the GNU LGPL license. --- 1,5 ---- /* DynAPI Distribution ! MotionX Class by Raymond Irving (http://dyntools.shorturl.com) The DynAPI Distribution is distributed under the terms of the GNU LGPL license. Index: pathanim.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/pathanim.js,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** pathanim.js 21 Feb 2003 12:23:43 -0000 1.2 --- pathanim.js 26 Mar 2003 02:22:31 -0000 1.3 *************** *** 35,39 **** this.paths[n].frame = frame; }; ! p.play = function (noevt) { if (!this.playing) { this.pathPlaying = null; --- 35,39 ---- this.paths[n].frame = frame; }; ! p.playAnimation = function (noevt) { if (!this.playing) { this.pathPlaying = null; *************** *** 54,63 **** }; p._Thread_stop = Thread.prototype.stop; ! p.stop = function (noevt) { if (this.pathPlaying && this.pathPlaying.resets && this.dlyr!=null) this.dlyr.setLocation(this.pathPlaying[0],this.pathPlaying[1]); this._Thread_stop(); this.pathPlaying = null; this.playing = false; ! if (this.dlyr!=null && noevt!=false) this.dlyr.invokeEvent("pathcancel"); }; p.run = function () { --- 54,63 ---- }; p._Thread_stop = Thread.prototype.stop; ! p.stopAnimation = function (noevt) { if (this.pathPlaying && this.pathPlaying.resets && this.dlyr!=null) this.dlyr.setLocation(this.pathPlaying[0],this.pathPlaying[1]); this._Thread_stop(); this.pathPlaying = null; this.playing = false; ! if (this.dlyr!=null && noevt!=false) this.dlyr.invokeEvent("pathstop"); }; p.run = function () { Index: timerx.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/timerx.js,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** timerx.js 9 Mar 2003 22:21:47 -0000 1.2 --- timerx.js 26 Mar 2003 02:22:31 -0000 1.3 *************** *** 1,5 **** /* DynAPI Distribution ! TimerX Class by Raymond Irving (xw...@ya...) The DynAPI Distribution is distributed under the terms of the GNU LGPL license. --- 1,5 ---- /* DynAPI Distribution ! TimerX Class by Raymond Irving (http://dyntools.shorturl.com) The DynAPI Distribution is distributed under the terms of the GNU LGPL license. |
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:34
|
Update of /cvsroot/dynapi/dynapi3x/src/gui In directory sc8-pr-cvs1:/tmp/cvs-serv6593/src/gui Modified Files: imageclip.js Added Files: focusmanager.js Log Message: updated/added by raymond --- NEW FILE --- /* DynAPI Distribution CircleAnimation Class The DynAPI Distribution is distributed under the terms of the GNU LGPL license. requires: DynLayer */ FocusManager={}; // usage: FocusManager.enableFocus('auto',true,'click',lyr1,lyr2,...lyrN); FocusManager.enableFocus=function(b,bubble,type){ var lyr,arg=arguments; for (var i=3;i<arg.length;i++){ lyr=arg[i]; if(lyr) lyr.setFocus(b,bubbbble,tyep); } }; DynLayer.prototype.setFocus = function(b,bubble,type){ var i,topchild; var d=this.design; bubble=(bubble==null)? true:bubble; if(b!=='auto' && !this.parent) return; if(b=='auto' && !this._hasFocusEvents) { if(type!='hover') type='click'; this._focusType=type; this._focusBubble=bubble; this._hasFocusEvents=true; this.addEventListener(DynLayer.FocusEvent); } else if (b && !this._focused) { topchild=this.parent._topMostChild; i = this.parent.children.length; if(topchild && topchild!=this) topchild.setFocus(false,bubble); this.setZIndex({topmost:true}); this.parent._topMostChild=this; this._focused=true; this.invokeEvent('focus'); var o=this.parent; if(bubble) while (o && o!=dynapi.document) { o.setFocus(b,bubble); o=o.parent; }; }else if(!b && this._focused){ topchild=this.parent._topMostChild; if (topchild) this.setZIndex({below:topchild}); else this.setZIndex(thiz.z-1); this._focused=false; this.invokeEvent('blur'); var o=this.parent; var ch=this.children; // blur children with focus for(var i=0;i<ch.length;i++) if(ch[i]._focused) ch[i].setFocus(false,bubble); if(o && o!=dynapi.document) o.setFocus(false,bubble); } }; DynLayer.prototype.setTabIndex = function(n){ }; DynLayer.FocusEvent = { onclick : function(e){ var o=e.getSource(); if(o._focusType=='click') { o.setFocus(true,o._focusBubble); } }, onmouseover : function(e){ var o=e.getSource(); if(o._focusType=='hover') { o.setFocus(true,o._focusBubble); } } }; Index: imageclip.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/gui/imageclip.js,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -r1.1 -r1.2 *** imageclip.js 9 Mar 2003 22:19:59 -0000 1.1 --- imageclip.js 26 Mar 2003 02:22:31 -0000 1.2 *************** *** 54,58 **** if(!clipImage) return; this._clipImage=clipImage; ! clipImage = (clipImage.getHTML)? clipImage.getHTML():'<img height='+this.lyrCanvas.h+' width='+this.lyrCanvas.w+' border=0 src="'+((clipimage.src)? clipimage.src:clipimage)+'">'; this.setupFrames(cols,rows); this.lyrCanvas.setHTML(clipImage); --- 54,58 ---- if(!clipImage) return; this._clipImage=clipImage; ! clipImage = (clipImage.getHTML)? clipImage.getHTML():'<img height='+this.lyrCanvas.h+' width='+this.lyrCanvas.w+' border=0 src="'+((clipImage.src)? clipImage.src:clipImage)+'">'; this.setupFrames(cols,rows); this.lyrCanvas.setHTML(clipImage); |
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:34
|
Update of /cvsroot/dynapi/dynapi3x/src/api/ext In directory sc8-pr-cvs1:/tmp/cvs-serv6593/src/api/ext Modified Files: dragevent.js dynlayer.inline.js Log Message: updated/added by raymond Index: dragevent.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/ext/dragevent.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** dragevent.js 5 Mar 2003 04:37:24 -0000 1.3 --- dragevent.js 26 Mar 2003 02:22:31 -0000 1.4 *************** *** 202,205 **** --- 202,215 ---- }; + DynLayer.setDragMode = function(b,boundry){ + if(!self.DragEvent) return false; + if(boundry)DragEvent.setDragBoundary(this,boundry); + if (b) DragEvent.enableDragEvents(this); + else DragEvent.disableDragEvents(this); + return true; + }; + DynLayer.prototype.setDragOverStealthMode = function(b){ + this._dragStealth=(b)? true:false; + }; // Enable ondrop event DynElement.prototype.DragDrop=function(s){ *************** *** 246,253 **** } return false; - }; - - - DynLayer.prototype.setDragOverStealthMode = function(b){ - this._dragStealth=(b)? true:false; }; --- 256,258 ---- Index: dynlayer.inline.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/ext/dynlayer.inline.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** dynlayer.inline.js 9 Mar 2003 22:39:21 -0000 1.3 --- dynlayer.inline.js 26 Mar 2003 02:22:31 -0000 1.4 *************** *** 1,2 **** --- 1,11 ---- + /* + DynAPI Distribution + DynLayer Inline Extension + + The DynAPI Distribution is distributed under the terms of the GNU LGPL license. + + requires: dynapi.api.DynLayer + */ + var DynLayerInline = {}; *************** *** 9,14 **** if (pobj) { if (dynapi.ua.ns4) elm = pobj.doc.layers[id]; - else if (dynapi.ua.ns6) elm = pobj.doc.getElementByID(id); else if (dynapi.ua.ie) elm = pobj.doc.all[id]; } if (!elm) return alert("DynLayer_inline Error: did not find element "+id); --- 18,23 ---- if (pobj) { if (dynapi.ua.ns4) elm = pobj.doc.layers[id]; else if (dynapi.ua.ie) elm = pobj.doc.all[id]; + else if (dynapi.ua.dom) elm = pobj.doc.getElementById(id); } if (!elm) return alert("DynLayer_inline Error: did not find element "+id); *************** *** 19,42 **** dlyr.elm = elm; if (dynapi.ua.ns4) dlyr.doc = elm.document; ! DynLayer._updateValues(dlyr); DynLayer._assignElement(dlyr,elm); ! DynElement._flagEvent(dlyr,'create'); return dlyr; }; ! DynLayer.prototype._createInline = function () { if (this.parent && !this.elm) { var ch=this.children; ! DynLayer._assignElement(this); ! DynLayer._updateValues(this); ! for (var i=0;i<ch.length;i++) DynLayer._updateValues(ch[i]); ! DynElement._flagEvent(this,'create'); } }; ! DynLayer._updateValues = function(dlyr) { if (dynapi.ua.def) { - var css = dlyr.elm.style; if (dynapi.ua.ie) { dlyr.x = parseInt(css.left); dlyr.y = parseInt(css.top); --- 28,52 ---- dlyr.elm = elm; if (dynapi.ua.ns4) dlyr.doc = elm.document; ! DynLayer._importInlineValues(dlyr); DynLayer._assignElement(dlyr,elm); ! DynElement._flagCreate(dlyr); return dlyr; }; ! DynLayer.prototype._createInline = function (divs) { if (this.parent && !this.elm) { var ch=this.children; ! DynLayer._assignElement(this,null,divs); ! DynLayer._importInlineValues(this); ! for (var i=0;i<ch.length;i++) DynLayer._importInlineValues(ch[i]); ! DynElement._flagCreate(this); } }; ! DynLayer._importInlineValues = function(dlyr) { ! if(dlyr && dlyr._noInlineValues) return; if (dynapi.ua.def) { if (dynapi.ua.ie) { + var css = dlyr.elm.currentStyle; dlyr.x = parseInt(css.left); dlyr.y = parseInt(css.top); *************** *** 48,51 **** --- 58,62 ---- } else if (dynapi.ua.dom) { + var css = dlyr.elm.style; dlyr.x = parseInt(dlyr.elm.offsetLeft); dlyr.y = parseInt(dlyr.elm.offsetTop); *************** *** 73,74 **** --- 84,115 ---- dlyr.visible = (b=="inherit" || b=="show" || b=="visible" || b==""); }; + + // Generate Blueprint + DynElement.prototype.generateBlueprint = function(usejs) { + var i,c,ht,str =[]; + var f,ch=this.children; + var url=dynapi.library.path+'ext/blueprint.html'; + var win = window.open(url,'blueprint','width=500,height=350,scrollbars=no,status=no,toolbar=no'); + + for(i=0;i<ch.length;i++) { + c = ch[i]; + DynElement._flagPreCreate(c); + ht=c.getOuterHTML(); + if(!usejs) str[i]=ht; + else { + ht=ht.replace(/\'/g,'\\\''); + ht=ht.replace(/\r/g,'\\r'); + ht=ht.replace(/\n/g,'\\n'); + str[str.length]='_bw(\''+ht+'\');'; + } + } + if(!usejs) str=str.join(''); + else str=str.join('\n'); + f=win.document.forms['frm']; + f.txtout.value=str; + }; + + // Blueprint Document write + _bw = function(str){ + document.write(str); + } \ No newline at end of file |
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:34
|
Update of /cvsroot/dynapi/dynapi3x/src/ext In directory sc8-pr-cvs1:/tmp/cvs-serv6593/src/ext Modified Files: debug.js Added Files: blueprint.html Log Message: updated/added by raymond --- NEW FILE --- <html> <head> <title>Blueprint Output</title> </head> <body> <form method="POST" action="--WEBBOT-SELF--" name="frm"> <div align="center"> <center> <table border="0"> <tr> <td align="center"><font color="#000080" size="5"><b>DynAPI Blueprint</b></font></td> </tr> <tr> <td align="center"><textarea rows="14" name="txtout" cols="54" wrap="off">Loading... Pleas wait</textarea></td> </tr> <tr> <td align="center"><input type="button" value="Close window" name="cmdclose" onclick="window.close()"></td> </tr> </table> </center> </div> </form> </body> </html> Index: debug.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/ext/debug.js,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** debug.js 25 Feb 2003 21:38:09 -0000 1.2 --- debug.js 26 Mar 2003 02:22:31 -0000 1.3 *************** *** 1 **** ! /* DynAPI Distribution Debugger The DynAPI Distribution is distributed under the terms of the GNU LGPL license. */ function Debugger(useIDE) { this.DynObject = DynObject; this.DynObject(); this._useIDE = useIDE; this._mode='normal'; this.win = null; this._watch={}; this._evalBuffer=''; this._buffer = dynapi._debugBuffer; dynapi._debugBuffer = ''; // close the debug window on unload this.closeOnUnLoad = false; dynapi.onUnload(function() { if (dynapi.debug.closeOnUnLoad) dynapi.debug.close(); }); this.open(); } var p = dynapi.setPrototype('Debugger','DynObject'); p.close = function() { if (this.isLoaded()) { this.win.close(); this.win = null; } }; // error - output a browser generated error to the debug window p.error = function(msg, url, lno) { if (url && url.indexOf(dynapi.documentPath)==0) { url = url.substring(dynapi.documentPath.length); } this.print('Error:'+ (lno? ' Line '+lno : '') +' ['+url+']\n '+msg); }; // evaluates an expression in the scope of the main dynapi window p.evaluate = function(str) { dynapi.frame.eval(str); this.setEvalHistory(str); }; // get evaluation history p.getEvalHistory=function(n){ if(!this.isLoaded()) return; var t,f=this.win.document.debugform; if(n>=1) { var lim=this.win.evalHistory.length-1; this.win.evalIndex++; if (this.win.evalIndex>lim) this.win.evalIndex=(lim<0)?0:lim; t=this.win.evalHistory[this.win.evalIndex]; if(t)f.eval.value=t; }else if(n<=0){ this.win.evalIndex--; if(this.win.evalIndex<0) this.win.evalIndex=0; t=this.win.evalHistory[this.win.evalIndex]; if(t)f.eval.value=t; } }; // lists all known properties of an object p.inspect = function(obj,showFunctions) { this.print('Inspecting:'); var v; if (typeof(obj)=='string') obj=eval(obj); if (typeof(obj)=='object') { for (var i in obj) { if (obj[i]==null) v = 'null' else if (typeof(obj[i])=='undefined') v = 'null'; else if (typeof(obj[i])=='function') { if (showFunctions==false) continue; else v = '[Function]'; } else if (typeof(obj[i])=='object' && typeof(obj[i].length)!='undefined') v = 'Array';// ['+obj[i]+']'; else if (typeof(obj[i])=='object') v = '[Object]'; else v = obj[i]; this.print(' '+i+' = '+v); } } else this.print(' undefined'); }; p.isLoaded = function() { return (this.win!=null && this.win.document && typeof(this.win.document.debugform)=="object"); }; // opens the debugger window p.open = function() { var p = dynapi.library.path; if (!this.isLoaded() && p) { var url = dynapi.documentPath+p+'ext/debug.html#'; var w = (dynapi.ua.def||dynapi.ua.dom)? 350:355 //dynapi.ua.mac? (dynapi.ua.ie?330:300) : 350; var h = (dynapi.ua.def||dynapi.ua.dom)? 432:485 //dynapi.ua.mac? (dynapi.ua.ie?405:365) : (dynapi.ua.def||dynapi.ua.dom)? 420:476; if(!this._useIDE){ this.win = window.open(url,'debugwin','width='+w+',height='+h+',scrollbars=no,status=no,toolbar=no'); //,resizable=no this.win.opener=window; }else{ this.win = new DynLayer(this._getDebugTemplate(),0,0,w,null,'#0033CC'); dynapi.document.addChild(this.win); this.win.setAnchor({right:2,top:2}); this.win.onCreate(function(){ if(!this.document) this.document=this.doc; this.css.zIndex=10100; this.css.borderWidth="2px"; this.css.borderColor="navy"; this.css.borderStyle="solid"; this.css.overflow='hidden'; if(dynapi.ua.opera) this.setHeight(this.h+5); else this.setHeight(this.h-10); window.setTimeout('dynapi.debug.print()',100); // opera7 needs timeout }); this.win.addEventListener({ onmousedown : function(e) { // setup window dragging if(e.y<=32) { if(self.DragEvent) DragEvent.startDrag(e); } }, ondblclick: function(e) { var o=e.getSource(); if(e.y<=32) { if(o.h<=35) o.setHeight(o._lHeight); else { o._lHeight=o.h; o.setHeight(35); } } } }); // setup window dragging if(self.DragEvent) { dynapi.document.addEventListener(DragEvent.docListener); dynapi.document.captureMouseEvents(); } } this.win.evalHistory=[]; this.win.evalIndex=0; this.print(); /* dynapi.frame.onerror = function(msg, url, lno) { dynapi.debug.error(msg, url, lno); }; */ } }; // output text to the debug window p.print = function(s) { if (s==null) s = ''; else s = s + '\n'; if (this.isLoaded()) { this.switchMode('normal'); if (this._buffer != '') { // dump buffer s = this._buffer + s; this._buffer = ''; } this.win.document.debugform.print.value += s; this._normalModeData = this.win.document.debugform.print.value; // Does mozilla has something like this? if (dynapi.ua.ie) { var po = this.win.document.debugform.print; po.scrollTop = po.scrollHeight; var range = po.createTextRange(); range.collapse(false); range.select(); } } else this._buffer += s; }; // reloads selected javascripts, packages or html pages p.reload=function(t){ if (!this.isLoaded) return; t=t+''; if(t.substr(0,3).toLowerCase()=='go:') { t=t.substr(3).replace(/\\/g,'/'); dynapi.frame.location.href=t; return; } var i,f=t.split(';'); for(i=0;i<f.length;i++){ t=f[i]; if(t.indexOf('.js')<0) dynapi.library.load(t,null,true); else { var lib=dynapi.library; if (!lib.scripts[t]) lib.loadScript(t); else lib.reloadScript(t,null,true); } } this.win.focus(); }; p.reset=function(section){ if (!this.isLoaded) return; this._oldWatchSrc=''; if(!section) { this.win.document.debugform.reset(); this._normalModeData=''; this.switchMode('normal'); }else{ var t=this.win.document.debugform[section]; if(t) t.value=''; } }; p.status = function(str) { if (this.isLoaded()) { for (var i=1;i<arguments.length;i++) { str += ', '+arguments[i]; } this.win.document.debugform.stat.value = str; }; }; // Set Mode p.switchMode=function(m){ if (!this.isLoaded) return; if(m=='watch'||(this._mode=='normal' && m!='normal')) { this._normalModeData = this.win.document.debugform.print.value; this._mode='watch'; this._enableWatch(); }else if(m=='normal'||(this._mode=='watch' && m!='watch')){ this.win.document.debugform.print.value=(this._normalModeData)?this._normalModeData:''; this._mode='normal'; this._disableWatch(); } }; // enters text to the evaluate field in the debugger widnow p.setEvaluate = function(str) { if (!this.isLoaded()) this._evalBuffer=str; else { if (!str) str = ''; if(this._evalBuffer!='') { str =this._evalBuffer+str; this._evalBuffer=''; } this.win.document.debugform.eval.value = str; this.setEvalHistory(str); } }; // Set previous evaluation information p.setEvalHistory=function(s){ if(!this.isLoaded()) return; var i,found; if(s){ for(i=0;i<this.win.evalHistory.length;i++){ if(this.win.evalHistory[i]==s) {found=i;break;} } if(found!=null) this.win.evalHistory=dynapi.functions.removeFromArray(this.win.evalHistory,found); this.win.evalHistory[this.win.evalHistory.length]=s; this.win.evalIndex=this.win.evalHistory.length-1; } }; p.setIntegrated = function(b){ dynapi.debug._useIDE=b; // use Integrated debugging enviorn }; p.showHelp=function(){ var t='' +'-----------------------\n' +'Quick Help\n' +'-----------------------\n' +'1) To inspect an Object enter the name\n' +'of the object in the "Inspect Variable/Object"\n' +'textbox and then click on the "Inspect" button\n\n' +'2) To Load/Reload a DynAPI Package,\n' +'javascript or html page enter the name\n' +'of the package or javascript in the reload\n' +'text. For HTML pages type the prefix Go:\n' +'before the page name.\n' +'------------------------------------------------'; this.print(t); }; // watch object variables; p.watch = function(name,value){ if(arguments.length>1) this._watch[name]=value; else if(dynapi.frame.eval(name)) this._watch[name]='_watch object_'; else this._watch[name]='_watch object_'; }; p._disableWatch = function(){ this._oldWatchSrc=''; if(this._timerWatch) { window.clearTimeout(this._timerWatch); this._timerWatch=0; } }; p._enableWatch = function(){ if(this._mode!='watch') return; var src,row,v; src=' Name\t \t \t Value\n---------------------------------------\n'; for(i in this._watch){ if(this._watch[i]=='_watch object_') v=dynapi.frame.eval(i); else v=this._watch[i]; if(v==null) v='null'; if(typeof(v)=='string') v=v.replace(/\n/g,' '); src+=(i+' ').substr(0,22)+'\t '+v+'\n'; } if(src!=this._oldWatchSrc){ this.win.document.debugform.print.value=this._oldWatchSrc=src; } if(this._timerWatch) window.clearTimeout(this._timerWatch); this._timerWatch=window.setTimeout(this+'._enableWatch()',200); }; p._getDebugTemplate = function(styleOnly){ var ua = dynapi.ua; var f=dynapi.functions; var url = dynapi.documentPath+dynapi.library.path+'ext/'; var imgwatch=f.getImage(url+'images/debug_imgwatch.gif',25,22,{alias:"DebugIMGWatch",name:"DebugIMGWatch",downsrc:url+"images/debug_imgwatch_down.gif",oversrc:url+"images/debug_imgwatch_on.gif",onclick:"dynapi.functions.False(dynapi.debug.switchMode('watch'))",tooltip:"Show Watch Mode"}).getHTML(); var imgnormal=f.getImage(url+'images/debug_imgnormal.gif',25,22,{alias:"DebugIMGNormal",name:"DebugIMGNormal",downsrc:url+"images/debug_imgnormal_down.gif",oversrc:url+"images/debug_imgnormal_on.gif",onclick:"dynapi.functions.False(dynapi.debug.switchMode('normal'))",tooltip:"Show Normal Mode"}).getHTML(); var imginspect=f.getImage(url+'images/debug_imginspect.gif',80,22,{alias:"DebugIMGInspect",name:"DebugIMGInspect",oversrc:url+"images/debug_imginspect_on.gif",onclick:"dynapi.functions.False(dynapi.debug.inspect(dynapi.debug.win.document.debugform.inspect.value))",tooltip:"Inspect Variable/Object",hspace:1}).getHTML(); var imgreload=f.getImage(url+'images/debug_imgreload.gif',25,22,{alias:"DebugIMGReload",name:"DebugIMGReload",oversrc:url+"images/debug_imgreload_on.gif",onclick:"dynapi.functions.False(dynapi.debug.reload(dynapi.debug.win.document.debugform.reload.value))",tooltip:"Load/Reload DynAPI Packages, HTML Pages and JavaScript (.js) files",hspace:1}).getHTML(); var imgclear=f.getImage(url+'images/debug_imgclear.gif',46,22,{alias:"DebugIMGClear",name:"DebugIMGClear",oversrc:url+"images/debug_imgclear_on.gif",onclick:"dynapi.functions.False(dynapi.debug.reset());",tooltip:"Clear debug window",hspace:1}).getHTML(); var imgeval=f.getImage(url+'images/debug_imgeval.gif',100,22,{alias:"DebugIMGEval",name:"DebugIMGEval",oversrc:url+"images/debug_imgeval_on.gif",onclick:"dynapi.functions.False(dynapi.debug.evaluate(dynapi.debug.win.document.debugform.eval.value));",tooltip:"Evalute JavaScript",hspace:2}).getHTML(); var imgnext=f.getImage(url+'images/debug_imgnext.gif',25,22,{alias:"DebugIMGNext",name:"DebugIMGNext",oversrc:url+"images/debug_imgnext_on.gif",onclick:"dynapi.functions.False(dynapi.debug.getEvalHistory(1))",tooltip:"Forward",hspace:1}).getHTML(); var imgprev=f.getImage(url+'images/debug_imgprev.gif',25,22,{alias:"DebugIMGPrev",name:"DebugIMGPrev",oversrc:url+"images/debug_imgprev_on.gif",onclick:"dynapi.functions.False(dynapi.debug.getEvalHistory(-1))",tooltip:"Backward",hspace:1}).getHTML(); var imghelp=f.getImage(url+'images/debug_imghelp.gif',25,22,{alias:"DebugIMGHelp",name:"DebugIMGHelp",downsrc:url+"images/debug_imghelp_down.gif",oversrc:url+"images/debug_imghelp_on.gif",onclick:"dynapi.functions.False(dynapi.debug.showHelp())",tooltip:"Quick Help",hspace:1}).getHTML(); var str = ua.ie?"Internet Explorer":(ua.ns?"Netscape":(ua.moz?"Mozilla":ua.b)); var status = 'DynAPI '+dynapi.version+' ['+str+' '+dynapi.ua.v+']'; var h=[''],s=0; if(!dynapi.ua.ns4 && !dynapi.debug._useIDE) { h[s++]='<style type="text/css">\n'; h[s++]='.debugtextbox {\n'; h[s++]=' border-width:1;\n'; h[s++]=' border-style:solid;\n'; h[s++]=' border-color:#3399CC;\n'; h[s++]=' font-family: Courier,Monaco\n'; h[s++]=' font-size: 11px;\n'; h[s++]='}\n'; h[s++]='.textinspect{width:90px;}\n'; h[s++]='.textreload{width:130px;}\n'; h[s++]='.textprint{width:340px; height:220px;}\n'; h[s++]='.textstat{width:340px; background-color:#EFEBDE; }\n'; h[s++]='.texteval{width:340px;height:92px;}\n'; h[s++]='.cboprev{width:340px;}\n'; h[s++]='</style>\n'; } if(styleOnly) return h.join(''); h[s++]='<form name="debugform"><div align="center"><center><font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">\n'; h[s++]='<table border="0" bgcolor="#EFEBDE" cellspacing="0">\n'; h[s++]='<tr><td colspan="2" bgcolor="#0033CC"><table border="0" width="100%" cellspacing="0" cellpadding="0">\n'; h[s++]='<tr><td width="50%" nowrap><b><font size="2" color="#FFFFFF" face="Arial"><span style="cursor:default"><img border="0" src="'+url+'images/debug_icon.gif" align="absmiddle" width="32" height="32"> DynAPI Debugger '+(dynapi.debug._useIDE? '(IDE)':'')+'</span></font></b></td>\n'; h[s++]='<td width="50%" bgcolor="#0033CC"><table border="0" width="100%"><tr><td width="100%" align="right">\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgwatch+' '+imgnormal+' '+imghelp+'</font></td></tr>\n'; h[s++]='</table></td></tr></table></td></tr>\n'; h[s++]='<tr><td colspan="2"><table border="0" cellspacing="0"><tr><td valign="middle">\n'; h[s++]='<input type="text" name="inspect" size="10" class="debugtextbox textinspect"></td><td>'+imginspect+'</td><td>\n'; h[s++]='<input type="text" name="reload" size="15" class="debugtextbox textreload"></td><td>'+imgreload+'</td></tr></table></td></tr><tr><td align="center" colspan="2">\n'; h[s++]='<textarea name="print" rows="11" cols="40" class="debugtextbox textprint" wrap="off"></textarea></td></tr>\n'; h[s++]='<tr><td nowrap><table border="0" cellspacing="0"><tr><td>\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgclear+'</font></td><td>\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgeval+'</font></td><td align="right">\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgprev+'</font></td><td align="right">\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgnext+'</font></td></tr></table>\n'; h[s++]='</td><td nowrap align="center"><font size="2" face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" color="#000000">JavaScript </font>\n'; h[s++]='</td></tr><tr><td align="center" colspan="2">\n'; h[s++]='<textarea name="eval" rows="7" cols="40" class="debugtextbox texteval" wrap="off"></textarea></td></tr>\n'; h[s++]='<tr><td align="center" colspan="2">\n'; h[s++]='<input type="text" name="stat" size="42" '+(dynapi.ua.mac? 'style="font-family:Monaco"':'')+' value="'+status+'" class="debugtextbox textstat"></td>\n'; h[s++]='</tr></table></font></center></div></form>\n'; return h.join(''); }; dynapi.debug = new Debugger(dynapi.debug._useIDE); if(!dynapi.loaded && !dynapi.ua.ns4) { document.write(dynapi.debug._getDebugTemplate(true)); } var t='------------------------------\n' +'Click "?" for help\n' +'------------------------------\n'; dynapi.debug.print(t); \ No newline at end of file --- 1 ---- ! /* DynAPI Distribution Debugger The DynAPI Distribution is distributed under the terms of the GNU LGPL license. */ // Note: Debugger does not have to be a DynObject - very important for blueprinted layers function Debugger(useIDE) { //this.DynObject = DynObject; //this.DynObject(); this._useIDE = useIDE; this._mode='normal'; this.win = null; this._watch={}; this._evalBuffer=''; this._buffer = dynapi._debugBuffer; dynapi._debugBuffer = ''; // close the debug window on unload this.closeOnUnLoad = false; dynapi.onUnload(function() { if (dynapi.debug.closeOnUnLoad) dynapi.debug.close(); }); this.open(); } var p = Debugger.prototype; //dynapi.setPrototype('Debugger','DynObject'); p.close = function() { if (this.isLoaded()) { this.win.close(); this.win = null; } }; // error - output a browser generated error to the debug window p.error = function(msg, url, lno) { if (url && url.indexOf(dynapi.documentPath)==0) { url = url.substring(dynapi.documentPath.length); } this.print('Error:'+ (lno? ' Line '+lno : '') +' ['+url+']\n '+msg); }; // evaluates an expression in the scope of the main dynapi window p.evaluate = function(str) { dynapi.frame.eval(str); this.setEvalHistory(str); }; // get evaluation history p.getEvalHistory=function(n){ if(!this.isLoaded()) return; var t,f=this.win.document.debugform; if(n>=1) { var lim=this.win.evalHistory.length-1; this.win.evalIndex++; if (this.win.evalIndex>lim) this.win.evalIndex=(lim<0)?0:lim; t=this.win.evalHistory[this.win.evalIndex]; if(t)f.eval.value=t; }else if(n<=0){ this.win.evalIndex--; if(this.win.evalIndex<0) this.win.evalIndex=0; t=this.win.evalHistory[this.win.evalIndex]; if(t)f.eval.value=t; } }; // lists all known properties of an object p.inspect = function(obj,showFunctions) { this.print('Inspecting:'); var v; if (typeof(obj)=='string') obj=eval(obj); if (typeof(obj)=='object') { for (var i in obj) { if (obj[i]==null) v = 'null' else if (typeof(obj[i])=='undefined') v = 'null'; else if (typeof(obj[i])=='function') { if (showFunctions==false) continue; else v = '[Function]'; } else if (typeof(obj[i])=='object' && typeof(obj[i].length)!='undefined') v = 'Array';// ['+obj[i]+']'; else if (typeof(obj[i])=='object') v = '[Object]'; else v = obj[i]; this.print(' '+i+' = '+v); } } else this.print(' undefined'); }; p.isLoaded = function() { return (this.win!=null && this.win.document && typeof(this.win.document.debugform)=="object"); }; // opens the debugger window p.open = function() { var p = dynapi.library.path; if (!this.isLoaded() && p) { var url = dynapi.documentPath+p+'ext/debug.html#'; var w = (dynapi.ua.def||dynapi.ua.dom)? 350:355 //dynapi.ua.mac? (dynapi.ua.ie?330:300) : 350; var h = (dynapi.ua.def||dynapi.ua.dom)? 432:485 //dynapi.ua.mac? (dynapi.ua.ie?405:365) : (dynapi.ua.def||dynapi.ua.dom)? 420:476; if(!this._useIDE){ this.win = window.open(url,'debugwin','width='+w+',height='+h+',scrollbars=no,status=no,toolbar=no'); //,resizable=no this.win.opener=window; }else{ this.win = new DynLayer(this._getDebugTemplate(),0,0,w,null,'#0033CC'); dynapi.document.addChild(this.win); this.win.setAnchor({right:2,top:2}); this.win.onCreate(function(){ if(!this.document) this.document=this.doc; this.css.zIndex=10100; this.css.borderWidth="2px"; this.css.borderColor="navy"; this.css.borderStyle="solid"; this.css.overflow='hidden'; if(dynapi.ua.opera) this.setHeight(this.h+5); else this.setHeight(this.h-10); window.setTimeout('dynapi.debug.print()',100); // opera7 needs timeout }); this.win.addEventListener({ onmousedown : function(e) { // setup window dragging if(e.y<=32) { if(self.DragEvent) DragEvent.startDrag(e); } }, ondblclick: function(e) { var o=e.getSource(); if(e.y<=32) { if(o.h<=35) o.setHeight(o._lHeight); else { o._lHeight=o.h; o.setHeight(35); } } } }); // setup window dragging if(self.DragEvent) { dynapi.document.addEventListener(DragEvent.docListener); dynapi.document.captureMouseEvents(); } } this.win.evalHistory=[]; this.win.evalIndex=0; this.print(); /* dynapi.frame.onerror = function(msg, url, lno) { dynapi.debug.error(msg, url, lno); }; */ } }; // output text to the debug window p.print = function(s) { if (s==null) s = ''; else s = s + '\n'; if (this.isLoaded()) { this.switchMode('normal'); if (this._buffer != '') { // dump buffer s = this._buffer + s; this._buffer = ''; } this.win.document.debugform.print.value += s; this._normalModeData = this.win.document.debugform.print.value; // Does mozilla has something like this? if (dynapi.ua.ie) { var po = this.win.document.debugform.print; po.scrollTop = po.scrollHeight; var range = po.createTextRange(); range.collapse(false); range.select(); } } else this._buffer += s; }; // reloads selected javascripts, packages or html pages p.reload=function(t){ if (!this.isLoaded) return; t=t+''; if(t.substr(0,3).toLowerCase()=='go:') { t=t.substr(3).replace(/\\/g,'/'); dynapi.frame.location.href=t; return; } var i,f=t.split(';'); for(i=0;i<f.length;i++){ t=f[i]; if(t.indexOf('.js')<0) dynapi.library.load(t,null,true); else { var lib=dynapi.library; if (!lib.scripts[t]) lib.loadScript(t); else lib.reloadScript(t,null,true); } } if(this.win.focus) this.win.focus(); else this.win.setZIndex({topmost:true}); }; p.reset=function(section){ if (!this.isLoaded) return; this._oldWatchSrc=''; if(!section) { this.win.document.debugform.reset(); this._normalModeData=''; this.switchMode('normal'); }else{ var t=this.win.document.debugform[section]; if(t) t.value=''; } }; p.status = function(str) { if (this.isLoaded()) { for (var i=1;i<arguments.length;i++) { str += ', '+arguments[i]; } this.win.document.debugform.stat.value = str; }; }; // Set Mode p.switchMode=function(m){ if (!this.isLoaded) return; if(m=='watch'||(this._mode=='normal' && m!='normal')) { this._normalModeData = this.win.document.debugform.print.value; this._mode='watch'; this._enableWatch(); }else if(m=='normal'||(this._mode=='watch' && m!='watch')){ this.win.document.debugform.print.value=(this._normalModeData)?this._normalModeData:''; this._mode='normal'; this._disableWatch(); } }; // enters text to the evaluate field in the debugger widnow p.setEvaluate = function(str) { if (!this.isLoaded()) this._evalBuffer=str; else { if (!str) str = ''; if(this._evalBuffer!='') { str =this._evalBuffer+str; this._evalBuffer=''; } this.win.document.debugform.eval.value = str; this.setEvalHistory(str); } }; // Set previous evaluation information p.setEvalHistory=function(s){ if(!this.isLoaded()) return; var i,found; if(s){ for(i=0;i<this.win.evalHistory.length;i++){ if(this.win.evalHistory[i]==s) {found=i;break;} } if(found!=null) this.win.evalHistory=dynapi.functions.removeFromArray(this.win.evalHistory,found); this.win.evalHistory[this.win.evalHistory.length]=s; this.win.evalIndex=this.win.evalHistory.length-1; } }; p.setIntegrated = function(b){ dynapi.debug._useIDE=b; // use Integrated debugging enviorn }; p.showHelp=function(){ var t='' +'-----------------------\n' +'Quick Help\n' +'-----------------------\n' +'1) To inspect an Object enter the name\n' +'of the object in the "Inspect Variable/Object"\n' +'textbox and then click on the "Inspect" button\n\n' +'2) To Load/Reload a DynAPI Package,\n' +'javascript or html page enter the name\n' +'of the package or javascript in the reload\n' +'text. For HTML pages type the prefix Go:\n' +'before the page name.\n' +'------------------------------------------------'; this.print(t); }; // watch object variables; p.watch = function(name,value){ if(arguments.length>1) this._watch[name]=value; else if(dynapi.frame.eval(name)) this._watch[name]='_watch object_'; else this._watch[name]='_watch object_'; }; p._disableWatch = function(){ this._oldWatchSrc=''; if(this._timerWatch) { window.clearTimeout(this._timerWatch); this._timerWatch=0; } }; p._enableWatch = function(){ if(this._mode!='watch') return; var src,row,v; src='Name\t \t \t Value\n---------------------------------------\n'; for(i in this._watch){ if(this._watch[i]=='_watch object_') v=dynapi.frame.eval(i); else v=this._watch[i]; if(v==null) v='null'; if(typeof(v)=='string') v=v.replace(/\n/g,' '); src+=(i+' ').substr(0,22)+'\t '+v+'\n'; } if(src!=this._oldWatchSrc){ this.win.document.debugform.print.value=this._oldWatchSrc=src; } if(this._timerWatch) window.clearTimeout(this._timerWatch); this._timerWatch=window.setTimeout(this+'._enableWatch()',200); }; p._getDebugTemplate = function(styleOnly){ var ua = dynapi.ua; var f=dynapi.functions; var url = dynapi.documentPath+dynapi.library.path+'ext/'; var imgwatch=f.getImage(url+'images/debug_imgwatch.gif',25,22,{alias:"DebugIMGWatch",name:"DebugIMGWatch",downsrc:url+"images/debug_imgwatch_down.gif",oversrc:url+"images/debug_imgwatch_on.gif",onclick:"dynapi.functions.False(dynapi.debug.switchMode('watch'))",tooltip:"Show Watch Mode"}).getHTML(); var imgnormal=f.getImage(url+'images/debug_imgnormal.gif',25,22,{alias:"DebugIMGNormal",name:"DebugIMGNormal",downsrc:url+"images/debug_imgnormal_down.gif",oversrc:url+"images/debug_imgnormal_on.gif",onclick:"dynapi.functions.False(dynapi.debug.switchMode('normal'))",tooltip:"Show Normal Mode"}).getHTML(); var imginspect=f.getImage(url+'images/debug_imginspect.gif',80,22,{alias:"DebugIMGInspect",name:"DebugIMGInspect",oversrc:url+"images/debug_imginspect_on.gif",onclick:"dynapi.functions.False(dynapi.debug.inspect(dynapi.debug.win.document.debugform.inspect.value))",tooltip:"Inspect Variable/Object",hspace:1}).getHTML(); var imgreload=f.getImage(url+'images/debug_imgreload.gif',25,22,{alias:"DebugIMGReload",name:"DebugIMGReload",oversrc:url+"images/debug_imgreload_on.gif",onclick:"dynapi.functions.False(dynapi.debug.reload(dynapi.debug.win.document.debugform.reload.value))",tooltip:"Load/Reload DynAPI Packages, HTML Pages and JavaScript (.js) files",hspace:1}).getHTML(); var imgclear=f.getImage(url+'images/debug_imgclear.gif',46,22,{alias:"DebugIMGClear",name:"DebugIMGClear",oversrc:url+"images/debug_imgclear_on.gif",onclick:"dynapi.functions.False(dynapi.debug.reset());",tooltip:"Clear debug window",hspace:1}).getHTML(); var imgeval=f.getImage(url+'images/debug_imgeval.gif',100,22,{alias:"DebugIMGEval",name:"DebugIMGEval",oversrc:url+"images/debug_imgeval_on.gif",onclick:"dynapi.functions.False(dynapi.debug.evaluate(dynapi.debug.win.document.debugform.eval.value));",tooltip:"Evalute JavaScript",hspace:2}).getHTML(); var imgnext=f.getImage(url+'images/debug_imgnext.gif',25,22,{alias:"DebugIMGNext",name:"DebugIMGNext",oversrc:url+"images/debug_imgnext_on.gif",onclick:"dynapi.functions.False(dynapi.debug.getEvalHistory(1))",tooltip:"Forward",hspace:1}).getHTML(); var imgprev=f.getImage(url+'images/debug_imgprev.gif',25,22,{alias:"DebugIMGPrev",name:"DebugIMGPrev",oversrc:url+"images/debug_imgprev_on.gif",onclick:"dynapi.functions.False(dynapi.debug.getEvalHistory(-1))",tooltip:"Backward",hspace:1}).getHTML(); var imghelp=f.getImage(url+'images/debug_imghelp.gif',25,22,{alias:"DebugIMGHelp",name:"DebugIMGHelp",downsrc:url+"images/debug_imghelp_down.gif",oversrc:url+"images/debug_imghelp_on.gif",onclick:"dynapi.functions.False(dynapi.debug.showHelp())",tooltip:"Quick Help",hspace:1}).getHTML(); var str = ua.ie?"Internet Explorer":(ua.ns?"Netscape":(ua.moz?"Mozilla":ua.b)); var status = 'DynAPI '+dynapi.version+' ['+str+' '+dynapi.ua.v+']'; var h=[''],s=0; if(!dynapi.ua.ns4 && !dynapi.debug._useIDE) { h[s++]='<style type="text/css">\n'; h[s++]='.debugtextbox {\n'; h[s++]=' border-width:1;\n'; h[s++]=' border-style:solid;\n'; h[s++]=' border-color:#3399CC;\n'; h[s++]=' font-family: Courier,Monaco\n'; h[s++]=' font-size: 11px;\n'; h[s++]='}\n'; h[s++]='.textinspect{width:90px;}\n'; h[s++]='.textreload{width:130px;}\n'; h[s++]='.textprint{width:340px; height:220px;}\n'; h[s++]='.textstat{width:340px; background-color:#EFEBDE; }\n'; h[s++]='.texteval{width:340px;height:92px;}\n'; h[s++]='.cboprev{width:340px;}\n'; h[s++]='</style>\n'; } if(styleOnly) return h.join(''); h[s++]='<form name="debugform"><div align="center"><center><font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">\n'; h[s++]='<table border="0" bgcolor="#EFEBDE" cellspacing="0">\n'; h[s++]='<tr><td colspan="2" bgcolor="#0033CC"><table border="0" width="100%" cellspacing="0" cellpadding="0">\n'; h[s++]='<tr><td width="50%" nowrap><b><font size="2" color="#FFFFFF" face="Arial"><span style="cursor:default"><img border="0" src="'+url+'images/debug_icon.gif" align="absmiddle" width="32" height="32"> DynAPI Debugger '+(dynapi.debug._useIDE? '(IDE)':'')+'</span></font></b></td>\n'; h[s++]='<td width="50%" bgcolor="#0033CC"><table border="0" width="100%"><tr><td width="100%" align="right">\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgwatch+' '+imgnormal+' '+imghelp+'</font></td></tr>\n'; h[s++]='</table></td></tr></table></td></tr>\n'; h[s++]='<tr><td colspan="2"><table border="0" cellspacing="0"><tr><td valign="middle">\n'; h[s++]='<input type="text" name="inspect" size="10" class="debugtextbox textinspect"></td><td>'+imginspect+'</td><td>\n'; h[s++]='<input type="text" name="reload" size="15" class="debugtextbox textreload"></td><td>'+imgreload+'</td></tr></table></td></tr><tr><td align="center" colspan="2">\n'; h[s++]='<textarea name="print" rows="11" cols="40" class="debugtextbox textprint" wrap="off"></textarea></td></tr>\n'; h[s++]='<tr><td nowrap><table border="0" cellspacing="0"><tr><td>\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgclear+'</font></td><td>\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgeval+'</font></td><td align="right">\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgprev+'</font></td><td align="right">\n'; h[s++]='<font face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" size="1">'+imgnext+'</font></td></tr></table>\n'; h[s++]='</td><td nowrap align="center"><font size="2" face="'+(dynapi.ua.mac?'Monaco':'Courier')+'" color="#000000">JavaScript </font>\n'; h[s++]='</td></tr><tr><td align="center" colspan="2">\n'; h[s++]='<textarea name="eval" rows="7" cols="40" class="debugtextbox texteval" wrap="off"></textarea></td></tr>\n'; h[s++]='<tr><td align="center" colspan="2">\n'; h[s++]='<input type="text" name="stat" size="42" '+(dynapi.ua.mac? 'style="font-family:Monaco"':'')+' value="'+status+'" class="debugtextbox textstat"></td>\n'; h[s++]='</tr></table></font></center></div></form>\n'; return h.join(''); }; dynapi.debug = new Debugger(dynapi.debug._useIDE); if(!dynapi.loaded && !dynapi.ua.ns4) { document.write(dynapi.debug._getDebugTemplate(true)); } var t='------------------------------\n' +'Click "?" for help\n' +'------------------------------\n'; dynapi.debug.print(t); \ No newline at end of file |
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:34
|
Update of /cvsroot/dynapi/dynapi3x/src In directory sc8-pr-cvs1:/tmp/cvs-serv6593/src Modified Files: dynapi.js Log Message: updated/added by raymond Index: dynapi.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/dynapi.js,v retrieving revision 1.8 retrieving revision 1.9 diff -C2 -r1.8 -r1.9 *** dynapi.js 9 Mar 2003 22:21:46 -0000 1.8 --- dynapi.js 26 Mar 2003 02:22:30 -0000 1.9 *************** *** 16,23 **** p.addMethod = function(n,fn) {this[n] = fn}; p.removeMethod = function(n) {this[n] = null}; ! p.setID = function(id,isInline) { if (this.id) delete DynObject.all[this.id]; this.id = id; this.isInline=isInline; DynObject.all[this.id] = this; }; --- 16,24 ---- p.addMethod = function(n,fn) {this[n] = fn}; p.removeMethod = function(n) {this[n] = null}; ! p.setID = function(id,isInline,noImports) { if (this.id) delete DynObject.all[this.id]; this.id = id; this.isInline=isInline; + this._noInlineValues=noImports; DynObject.all[this.id] = this; }; *************** *** 301,308 **** // DynLayer ! if (dynapi.ua.ns4) this.add('dynapi.api.DynLayer','dynlayer_ns4.js','DynDocument'); ! else if (dynapi.ua.ie) this.add('dynapi.api.DynLayer','dynlayer_ie.js','DynDocument'); ! else if (dynapi.ua.opera) this.add('dynapi.api.DynLayer','dynlayer_opera.js','DynDocument'); ! else this.add('dynapi.api.DynLayer','dynlayer_dom.js','DynDocument'); // MouseEvent --- 302,310 ---- // DynLayer ! this.add('dynapi.api.DynLayerBase','dynlayer_base.js','DynDocument') ! if (dynapi.ua.ns4) this.add('dynapi.api.DynLayer','dynlayer_ns4.js','DynLayerBase'); ! else if (dynapi.ua.ie) this.add('dynapi.api.DynLayer','dynlayer_ie.js','DynLayerBase'); ! else if (dynapi.ua.opera) this.add('dynapi.api.DynLayer','dynlayer_opera.js','DynLayerBase'); ! else this.add('dynapi.api.DynLayer','dynlayer_dom.js','DynLayerBase'); // MouseEvent *************** *** 329,332 **** --- 331,335 ---- this.add('dynapi.fx.FlashSound','fsound.js','DynLayer'); this.add('dynapi.fx.Fader','fader.js','DynLayer'); + this.add('dynapi.fx.Swiper','swiper.js','DynLayer'); this.addPackage('dynapi.gui',p+'gui/'); *************** *** 334,337 **** --- 337,341 ---- this.add('dynapi.gui.LoadPanel','loadpanel.js','DynLayer'); this.add('dynapi.gui.GroupManager','groupmanager.js','DynLayer'); + this.add('dynapi.gui.FocusManager','focusmanager.js','DynLayer'); this.add('dynapi.gui.ImageClip','imageclip.js','DynLayer'); |
From: Raymond I. <xw...@us...> - 2003-03-26 02:22:33
|
Update of /cvsroot/dynapi/dynapi3x/docs/docs In directory sc8-pr-cvs1:/tmp/cvs-serv6593/docs/docs Modified Files: examples.html quickref.dragevent.html quickref.dyndocument.html quickref.dynlayer.html revision.html Log Message: updated/added by raymond Index: examples.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/examples.html,v retrieving revision 1.7 retrieving revision 1.8 diff -C2 -r1.7 -r1.8 *** examples.html 9 Mar 2003 22:21:46 -0000 1.7 --- examples.html 26 Mar 2003 02:22:30 -0000 1.8 *************** *** 73,76 **** --- 73,77 ---- <li><a href="../../examples/dynapi.fx.flashsound.html">FlashSound</a></li> <li><a href="../../examples/dynapi.fx.fader.html">Fader</a></li> + <li><a href="../../examples/dynapi.fx.swiper.html">Swiper</a></li> </ul> *************** *** 78,81 **** --- 79,83 ---- <ul> <li><a href="../../examples/dynapi.gui.groupmanager.html">GroupManager</a> + <li><a href="../../examples/dynapi.gui.focusmanager.html">FocusManager</a> <li>------------------------------ <li><a href="../../examples/dynapi.gui.graphics.html">Graphics</a> *************** *** 111,115 **** <h3>Utilities</h3> <ul> ! <li>Cookies <li><a href="../../examples/dynapi.util.datasource.html">DataSource</a> - Simple Data Binding with data-aware layers --- 113,117 ---- <h3>Utilities</h3> <ul> ! <li><a href="../../examples/dynapi.util.cookie.html">Cookie</a> <li><a href="../../examples/dynapi.util.datasource.html">DataSource</a> - Simple Data Binding with data-aware layers *************** *** 140,143 **** --- 142,150 ---- <li><a href="../../examples/speedtest.dynlayer-oncreate.html">Create/PreCreate Callback Functions</a></li> + <li>Blueprint/Inline Basic for <a href="../../examples/speedtest.dynlayer.inline-basic.html">ALL</a> + / <a href="../../examples/speedtest.dynlayer.inline-basic-dom.html">DOM/IE</a> + Browsers</li> + <li><a href="../../examples/speedtest.dynlayer.inline-deep_nest-dom.html">Blueprint/Inline + Deep Nest </a> for DOM/IE Only Browser</li> </ul> <p> </p> *************** *** 155,158 **** --- 162,173 ---- <li><a href="../../examples/dynapi.functions.fadecolor.htm">Color Fade</a></li> <li><a href="../../examples/demo.slideshow.html">Image Slide Show</a></li> + <li><a href="../../examples/demo.spaceship-path.html">Spaceship & + PathAnimation</a></li> + <li><a href="../../examples/demo.spaceship-circle.html">Spaceship & + CircleAnimation</a></li> + <li><a href="../../examples/demo.oncontentchange.html">On Content Change Event</a> + - Test</li> + <li><a href="../../examples/demo.onlocationchange.html">On Location Change + Event</a> - Test</li> </ul> <p> </p> Index: quickref.dragevent.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/quickref.dragevent.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** quickref.dragevent.html 25 Feb 2003 21:38:22 -0000 1.2 --- quickref.dragevent.html 26 Mar 2003 02:22:30 -0000 1.3 *************** *** 64,67 **** --- 64,79 ---- <dd>...</dd> </dl> + <h1>Methods applied to other objects</h1> + <dl> + <dt>DynElement - DragDrop(s)</dt> + <dd>...</dd> + <dt>DynElement - DragOver(s)</dt> + <dd>...</dd> + <dt>DynLayer - setDragOverStealthMode(b)</dt> + <dd>...</dd> + <dt>DynLayer - setDragMode(b,boundry)</dt> + <dd> </dd> + <dt> </dt> + </dl> </body> </html> Index: quickref.dyndocument.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/quickref.dyndocument.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** quickref.dyndocument.html 25 Feb 2003 21:38:22 -0000 1.2 --- quickref.dyndocument.html 26 Mar 2003 02:22:30 -0000 1.3 *************** *** 61,69 **** <dd>...</dd> ! <dt>insertChild(c)</dt> ! <dd>...</dd> ! <dt>insertAllChildren()</dt> ! <dd>...</dd> <dt>destroyAllChildren()</dt> --- 61,71 ---- <dd>...</dd> ! <dt>insertChild(c,usebp)</dt> ! <dd>usebp - (Boolean) Use Blueprint</dd> ! <dt>insertAllChildren(usebp,bpsrc)</dt> ! <dd>usebp - (Boolean) Use Blueprint<br> ! bpsrc - (String) JavaScript source file containing blueprint ! layers </dd> <dt>destroyAllChildren()</dt> Index: quickref.dynlayer.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/quickref.dynlayer.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** quickref.dynlayer.html 5 Mar 2003 04:36:17 -0000 1.2 --- quickref.dynlayer.html 26 Mar 2003 02:22:30 -0000 1.3 *************** *** 46,49 **** --- 46,54 ---- <dd>...</dd> + <dt>setMinimumSize(w,h)</dt> + <dd>...</dd> + <dt>setMaximumSize(w,h)</dt> + <dd>...</dd> + <dt>setHTML(html)</dt> <dd>...</dd> Index: revision.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/revision.html,v retrieving revision 1.8 retrieving revision 1.9 diff -C2 -r1.8 -r1.9 *** revision.html 9 Mar 2003 22:21:46 -0000 1.8 --- revision.html 26 Mar 2003 02:22:30 -0000 1.9 *************** *** 40,45 **** Version in CVS --------------- [+] Rename IOElementSODA, IOElementSYNC to IOElementSoda, IOElementSync respectively. - ^ This is in keeping with standard library names [+] Add ImageClip to dynapi.gui - See ImageClip & Slide Show examples [+] Add fadeColor to dynapi.functions.Color - see Color Fade exmaple --- 40,57 ---- Version in CVS --------------- + [*] Update Examples + [+] Add FocusManager + [+] Add setDragMode(b,boundry) + [+] Add setMinimumSize(w,h) and setMaximumSize(w,h), setOverflow(s) - default is hidden + [+] Add oncontentchange event - triggered by setHTML + [+] Add onresize and onlocationchange events + [+] Add Preserve Data Type (pDType) to Cookie constructure - Cookie(name,pDType) + [+] Add Cookie.encode & Cookie.decode functions - useful for storing simple and complex objects and datatype. + [+] Add removeAll() function to cookie object + [*] Modify insertAllChildren() and insertChild() to support blueprints. + [+] Add generateBlueprint() to DynLayer Inline + [+] Add swiper animation class + [*] Modify DynEvent Object - DynEvent should not be a DynObject. [+] Rename IOElementSODA, IOElementSYNC to IOElementSoda, IOElementSync respectively. [+] Add ImageClip to dynapi.gui - See ImageClip & Slide Show examples [+] Add fadeColor to dynapi.functions.Color - see Color Fade exmaple *************** *** 51,55 **** [-] Fix DynLayerInline [*] Modify addChild() to addChild(c,alias,inlineID) ! [*] Modify setID() to setID(id,isInline) [+] Add divs object for speed - dyndocument.js line 102 [+] Added _createInserted() to all dynlayers - this is called by dyndocument --- 63,67 ---- [-] Fix DynLayerInline [*] Modify addChild() to addChild(c,alias,inlineID) ! [*] Modify setID() to setID(id,isInline,noImports) [+] Add divs object for speed - dyndocument.js line 102 [+] Added _createInserted() to all dynlayers - this is called by dyndocument *************** *** 73,77 **** [*] Rename dynapi.fx.pathanim-slide.html to dynapi.fx.slideanim.html [-] Fix PathAnimation, GlideAnimation, SlideAnimation - > IMO the features of PathAnimation should be moved into Thread [+] Rename pathanim.js to glideanim.js [*] Move move code from pathanim-full,js to pathanim.js --- 85,88 ---- |
From: <car...@ya...> - 2003-03-23 14:31:41
|
Eger kemoterapi yada radyoterapinin yan etkileri ile bogusan bir yakininiz varsa, üzülmeyin ancak bitkisel kanser ilaci Carctol'u yakindan tanimak için zaman ayirarak asagidaki link'e tiklayin. http://www.kanser-tedavisi.com Listeden adinizin silinmesini istiyorsaniz a_c...@ya... a bos e posta yollayin. Tesekkürler Hello, if you have got an acquaintance or a friend who is suffering from the side effects of chemotherapy, please visit the site below to see the truths about alternative herb cancer medicine Carctol. http://www.kanser-tedavisi.com/English_homepage.html If you wish to be removed from our list, please send us an email at this address bi...@ka... so that we may remove your name. Thank you. |
From: <mus...@eu...> - 2003-03-18 00:41:41
|
FEDERAL MINISTRY OF WORKS AND HOUSING FEDERAL SECRETARIAT IKOYI-LAGOS NIGERIA. mus...@eu... mus...@ho... Dear Sir, ASSISTANCE REQUIRED FOR ACQUISITION OF ESTATE I write to inform you of my desire to acquire estates or landed properties in your country on behalf of the Director of Contracts and Finance Allocations of the Federal Ministry of Works and Housing in Nigeria. Considering his very strategic and influential position, he would want the transaction to be as strictly confidential as possible. He further wants his identity to remain undisclosed at least for now, untill the completion of the transaction. Hence our desire to have an overseas agent. I have therefore been directed to inquire if you would agree to act as our overseas agent in order to actualize this transaction. The deal, in brief, is that the funds with which we intend to carry out our proposed investments in your country is presently in a coded account at the Nigerian Apex Bank (i.e. the Central Bank of Nigeria) and we need your assistance to transfer the funds to your country in a convenient bank account that will be provided by you before we can put the funds into use in your country. For this, you shall be considered to have executed a contract for the Federal Ministry of Works and Housing in Nigeria for which payment should be effected to you by the ministry. The contract sum of which shall run into US$26.4 Million, of which your share shall be 20% if you agree to be our overseas agent. As soon as payment is effected, and the amount mentioned above is successfully transferred into your account, we intend to use our own share in quiring some estates abroad. For this too you shall also serve as our agent. In the light of this, I would like you to forward to me the following information: 1. Your company name and address if any 2. Your personal fax number 3. Your personal telephone number for easy communication. You are requested to communicate your acceptance of this proposal through my above stated email address after which we shall discuss in details the modalities for seeing this transaction through. Your quick response will be highly appreciated. Thank you in anticipation of your cooperation. Yours faithfully, Musa Abubakar N/B: ENDEAVOUR TO ENCLOSE YOUR PRIVATE PHONE/FAX NUMBERS FOR EFFECTIVE COMMUNICATION IN YOUR RESPONSE. |
From: HACKER R. <hr...@me...> - 2003-03-17 12:03:34
|
<HTML> <BODY> <DIV align=3Dcenter> <TABLE bgColor=3D#cccccc border=3D0 borderColor=3D#008080 height=3D114 wid= th=3D500> <TBODY> <TR> <TD height=3D15 width=3D171> <P align=3Dleft><B><FONT color=3D#008080 face=3DVerdana size=3D2>TUR= KIYE'DE BIR ILK !</FONT></B></P></TD> <TD height=3D15 width=3D313> <P align=3Dright><B><FONT color=3D#008080 face=3DVerdana size=3D2>SA= DECE 25.000.000 TL</FONT></B></P></TD></TR> <CENTER> <TR> <TD bgColor=3D#000000 colSpan=3D2 height=3D41 width=3D490> <P align=3Dcenter><B><FONT color=3D#ff6600 face=3DArial size=3D5> <MARQUEE behavior=3Dalternate>HACKER ve GUVENLIK REHBERI CD'SI</MARQUEE></FONT></B></P></TD></TR> <TR> <TD height=3D21 width=3D171> <P align=3Dcenter> <IMG border=3D0 src=3D"http://66.197.47.62/stat/stat.php?ad=3D2" wid= th=3D"150" height=3D"95"></P></TD> <TD height=3D21 width=3D313> <P align=3Dcenter><B><FONT color=3D#008080 face=3DArial size=3D2>Hac= k ve Guvenlik konusunda bilmek istediginiz hersey, ihtiyaciniz olan her program bu= cd'de. Sadece 25.000.000 TL ye bu cd'ye sahip olabilirsiniz! Siparis= icin:</FONT></B></P> <P align=3Dcenter><FONT color=3D#800000><FONT face=3DArial size=3D5>= 0546 599 64 54</FONT> </FONT></P></TD></TR> <TR> <TD colSpan=3D2 height=3D21 width=3D490><FONT face=3DVerdana size=3D2>= Turkiye'de bilisim guvenligi alaninda bir ilki gerceklestirdik, ve sizlere icin= de binlerce dokuman ve program bulunan "HACKER ve GUVENLIK REHBERI" cd'= sini hazirladik. Bu cd'yi aldiginizda dis saldirilardan korunmak icin ger= ekli yazilimlari elde edecek, kendi guvenliginizi sagladiktan sonra ise hacker'ligin sirlarini ogrenecek, guvenlik icin neler gerekiyorsa sa= hip olacaksiniz. </FONT> <UL> <LI><FONT face=3DVerdana size=3D2>Hackerlar nasil calisiyor, hangi= programlari kullaniyor?</FONT> <LI><FONT face=3DVerdana size=3D2>E-mail ve ICQ sifreleri nasil ca= liniyor, bunlardan nasil korunmali? </FONT> <LI><FONT face=3DVerdana size=3D2>Saldirilar nasil ve hangi progra= mlarla yapiliyor?</FONT> <LI><FONT face=3DVerdana size=3D2>Saldiri yontemleri ve bunlardan = korunma yollari nelerdir?</FONT> <LI><FONT face=3DVerdana size=3D2>Crack nedir, yontemleri nelerdir= ?</FONT> <LI><FONT face=3DVerdana size=3D2>Sifre calma yontemleri ve sifrel= erinizi koruma yollari nelerdir?</FONT> <LI><FONT face=3DVerdana size=3D2>Firewall nedir, nasil kurulur, g= erekli yazilimlar nelerdir?</FONT> <LI><FONT face=3DVerdana size=3D2>Virus ve trojanlardan nasil korunulur?</FONT> <LI><FONT face=3DVerdana size=3D2>Sistemlerdeki aciklar nelerdir, = ve bu aciklar nasil kapatilir?</FONT> </LI></UL> <P><FONT face=3DVerdana size=3D2>Bu ve bunun gibi bir cok soruya, bu= cd'de cevap bulabileceksiniz. CD'de bulunan dokuman ve programlardan bazil= arini asagida bulabilirsiniz:</FONT></P> <UL> <LI><FONT face=3DVerdana size=3D2>Firewall programi + kurulum-kull= anim kilavuzu (turkce)</FONT> <LI><FONT face=3DVerdana size=3D2>Antivirus ve trojan programi + kurulum-kullanim kilavuzu (turkce)</FONT> <LI><FONT face=3DVerdana size=3D2>Tamamen Turkce hack ve crack dokumanlari</FONT> <LI><FONT face=3DVerdana size=3D2>Unlu "Hacker's Handbook" (Hacker= larin El Kitabi) CD'si, icindeki binlerce dokuman ve yazilim </FONT> <LI><FONT face=3DVerdana size=3D2>Yuzlerce hack ve guvenlik progra= mi</FONT> <LI><FONT face=3DVerdana size=3D2>Binlerce hack ve guvenlik dokuma= ni</FONT> </LI></UL> <HR> <P><FONT face=3DVerdana size=3D2>ONEMLI NOT:</FONT><FONT face=3DVerd= ana size=3D1>CD icerisinde warez, crack ve illegal program kesinlikle bulunmamaktadir. CD icerisinde anlatilan bazi hack ve crack dokumanl= arinin amaci, sadece bu tarz yontemleri tanimak, ve sistemi anlamaktir. Bu= yontemlerin kotu amacli kullanimindan dogan zararlar ve tum sorumlul= uk tamamen kullaniciya aittir.</FONT></P></TD></TR> <TR> <TD colSpan=3D2 height=3D21 width=3D490> <p align=3D"center"><b><font face=3D"Tahoma" size=3D"1">Listemizden ci= kmak icin lutfen<a href=3D"http://66.197.47.62/remove/cikar.html"> tiklayiniz</a= ></font></b></TD></TR></TBODY></TABLE></CENTER></DIV> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><font color=3D"#FFFFFF">xeludunu ska kcyrcldohehajsyj ghu z c</font></p> </BODY></HTML> |
From: Raymond I. <xw...@us...> - 2003-03-10 03:31:25
|
Update of /cvsroot/dynapi/dynapi3x/src/util In directory sc8-pr-cvs1:/tmp/cvs-serv9083/src/util Modified Files: datasource.js ioelement.js ioelement.soda.js Log Message: remove oncreate/onprecreate events Index: datasource.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/util/datasource.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** datasource.js 10 Feb 2003 22:36:00 -0000 1.1.1.1 --- datasource.js 10 Mar 2003 03:31:20 -0000 1.2 *************** *** 111,116 **** p._unboundObject = function(o){ if(!o._clsid) return; ! delete(this.dataobjects[o._clsid]); ! delete(DataSource.allDataObjects[o._clsid]); }; --- 111,116 ---- p._unboundObject = function(o){ if(!o._clsid) return; ! delete this.dataobjects[o._clsid]; ! delete DataSource.allDataObjects[o._clsid]; }; Index: ioelement.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/util/ioelement.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** ioelement.js 10 Feb 2003 22:36:00 -0000 1.1.1.1 --- ioelement.js 10 Mar 2003 03:31:20 -0000 1.2 *************** *** 47,98 **** } ! this.addEventListener(IOElement.events); }; ! IOElement.events = { ! onprecreate : function(e) { ! var t,r=['*'],html=[],o = e.getSource(); ! if (o._hidden) { ! if (o._winXFrames) html = ['<frame src="about:blank" name="',o._elmID,'" scrolling="none">']; ! else if (dynapi.ua.ns4) html = ['<ilayer name="',o._elmID,'" visibility="hide" width=0 height=0></ilayer>']; ! else html = ['<iframe name="',o._elmID,'" style="width:0px; height:0px; visibility:hidden"></iframe>']; ! t=html.join('') ! o._elmThread=o._elmID; ! o._elmBusy[o._elmID]=false; ! for(var i=1;i<o._maxThreads;i++){ // setup additional threads ! r[i]='*';// for XFrames ! html[1]=o._elmID+'x'+i; ! t+=html.join(''); ! o._elmBusy[o._elmID+'x'+i]=false; // flag as not busy ! } ! // java-sync frame ! html[1]=o._elmID+'Sync'; t+=html.join(''); ! }else{ ! if (o._winXFrames) t = '<frame src="about:blank" name="',o._elmID,'" scrolling="none">'; ! else if (dynapi.ua.ns4) t = '<layer width='+o.w+' height='+o.h+' name="'+o._elmID+'" visibility="inherit"></ilayer>'; ! else t = '<iframe name="'+o._elmID+'" width='+o.w+' height='+o.h+' scrolling="no" frameborder="no" marginwidth=0 marginheight=0 style="overflow:hidden;"></iframe>'; ! o._elmThread=o._elmID; o._elmBusy[o._elmID]=false; } ! ! if (!o._winXFrames) o.html=t; ! else{ ! var src='<html><head><title>DynAPI XFrame</title></head>\n' ! +'<frameset rows="'+r.join(',')+',0">\n'+t ! +'</frameset></html>\n' ! o._winXFrames.document.open(); ! o._winXFrames.document.write(src); ! o._winXFrames.document.close(); ! o._winXFrames.top.dynapi=dynapi; ! o._winXFrames.top.IOElement=IOElement; ! } ! }, ! oncreate : function(e) { ! var o = e.getSource(); ! if (o._SyncFn) window.setTimeout(o+'._initSync()',100); ! if (o.getScope()) { ! if (o._requestList.length>0) { ! o._setRequestTimeout(100); ! } } } --- 47,96 ---- } ! this.onPreCreate(IOElement.fnPrecreate); ! this.onCreate(IOElement.fnCreate); }; ! IOElement.fnPrecreate = function() { ! var t,r=['*'],html=[]; ! if (this._hidden) { ! if (this._winXFrames) html = ['<frame src="about:blank" name="',o._elmID,'" scrolling="none">']; ! else if (dynapi.ua.ns4) html = ['<ilayer name="',this._elmID,'" visibility="hide" width=0 height=0></ilayer>']; ! else html = ['<iframe name="',this._elmID,'" style="width:0px; height:0px; visibility:hidden"></iframe>']; ! t=html.join('') ! this._elmThread=this._elmID; ! this._elmBusy[this._elmID]=false; ! for(var i=1;i<this._maxThreads;i++){ // setup additional threads ! r[i]='*';// for XFrames ! html[1]=this._elmID+'x'+i; t+=html.join(''); ! this._elmBusy[this._elmID+'x'+i]=false; // flag as not busy } ! // java-sync frame ! html[1]=this._elmID+'Sync'; ! t+=html.join(''); ! }else{ ! if (this._winXFrames) t = '<frame src="about:blank" name="',this._elmID,'" scrolling="none">'; ! else if (dynapi.ua.ns4) t = '<layer width='+this.w+' height='+this.h+' name="'+this._elmID+'" visibility="inherit"></ilayer>'; ! else t = '<iframe name="'+this._elmID+'" width='+this.w+' height='+this.h+' scrolling="no" frameborder="no" marginwidth=0 marginheight=0 style="overflow:hidden;"></iframe>'; ! this._elmThread=this._elmID; this._elmBusy[this._elmID]=false; ! } ! ! if (!this._winXFrames) this.html=t; ! else{ ! var src='<html><head><title>DynAPI XFrame</title></head>\n' ! +'<frameset rows="'+r.join(',')+',0">\n'+t ! +'</frameset></html>\n' ! this._winXFrames.document.open(); ! this._winXFrames.document.write(src); ! this._winXFrames.document.close(); ! this._winXFrames.top.dynapi=dynapi; ! this._winXFrames.top.IOElement=IOElement; ! } ! }; ! IOElement.fnCreate = function() { ! if (this._SyncFn) window.setTimeout(o+'._initSync()',100); ! if (this.getScope()) { ! if (this._requestList.length>0) { ! this._setRequestTimeout(100); } } Index: ioelement.soda.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/util/ioelement.soda.js,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** ioelement.soda.js 9 Mar 2003 22:21:47 -0000 1.2 --- ioelement.soda.js 10 Mar 2003 03:31:21 -0000 1.3 *************** *** 106,110 **** s=(!et && c && (c.logout||c.login)=='ok')? true:false; // web service must return a login/logout state if(s && c.logout) { ! delete(o._src[o._name]); o.call=dynapi.functions.Null; }else if(s && c.login){ --- 106,110 ---- s=(!et && c && (c.logout||c.login)=='ok')? true:false; // web service must return a login/logout state if(s && c.logout) { ! delete o._src[o._name]; o.call=dynapi.functions.Null; }else if(s && c.login){ |
From: Raymond I. <xw...@us...> - 2003-03-09 22:39:26
|
Update of /cvsroot/dynapi/dynapi3x/src/api/ext In directory sc8-pr-cvs1:/tmp/cvs-serv20816/src/api/ext Modified Files: dynlayer.inline.js Log Message: no message Index: dynlayer.inline.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/ext/dynlayer.inline.js,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** dynlayer.inline.js 9 Mar 2003 22:21:46 -0000 1.2 --- dynlayer.inline.js 9 Mar 2003 22:39:21 -0000 1.3 *************** *** 9,13 **** if (pobj) { if (dynapi.ua.ns4) elm = pobj.doc.layers[id]; ! else if (dynapi.ua.ns6) elm = pobj.doc.getElementsByID(id); else if (dynapi.ua.ie) elm = pobj.doc.all[id]; } --- 9,13 ---- if (pobj) { if (dynapi.ua.ns4) elm = pobj.doc.layers[id]; ! else if (dynapi.ua.ns6) elm = pobj.doc.getElementByID(id); else if (dynapi.ua.ie) elm = pobj.doc.all[id]; } |
Update of /cvsroot/dynapi/dynapi3x/docs/docs In directory sc8-pr-cvs1:/tmp/cvs-serv12044/docs/docs Modified Files: examples.html quickref.datasource.html quickref.ioelement.html quickref.soda.html revision.html Added Files: quickref.imageclip.html Log Message: uploaded by raymond --- NEW FILE --- <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>DynAPI - Quick Reference</title> <link rel="stylesheet" type="text/css" href="../include/quickref.css" media="screen"> <link rel="stylesheet" type="text/css" href="../include/quickref.css" media="print"> </head> <body> <div id="header"> <img src="../images/dynapi.gif" width="139" height="37"> <div> <a href="../index.html"><img src="../images/home.gif" width="22" height="19">Home</a> | <a href="quickref.html">Quick Reference</a> </div> </div> <h1><span class="object">dynapi.gui.ImageClip</span> - Quick Reference</h1> <div id="inherit"><span>Inherit:</span> DynLayer</div> <h2>Constructor</h2> <dl> <dt>ImageClip(clipImage,x,y,w,h,color,cols,rows,speed)</dt> <dd>clipImage - clipImage can be either a string or an image object <dd>Dictionary Input supported </dl> <h2>Events</h2> <dl> <dt>frameplay</dt> <dd>...</dd> <dt>framestop</dt> <dd>...</dd> <dt>framechange</dt> <dd>...</dd> </dl> <h2>Public Methods</h2> <dl> <dt>Remarks</dt> <dd>The ImageClip widget is used to create canvas animations using a sequence of animated frames from a still image. This widget inherits all methods and properties from DynLayer.</dd> <dt> </dt> <dt>addImage(img,col,row)</dt> <dd>...</dd> <dt>getFrame()</dt> <dd>...</dd> <dt><b>playAnimation</b>(boolean loop, string sequence)</dt> <dd>...</dd> <dt><b>setClipImage(clipImage, cols, rows)</b></dt> <dd>...</dd> <dt><b>setSpeed</b>(int sp)</dt> <dd>...</dd> <dt><b>setFrame</b>(int fn)</dt> <dd>...</dd> <dt><b>setFrameMartix</b>(int col, int row)</dt> <dd>...</dd> <dt><b>stopAnimation</b>()</dt> <dd>...</dd> </dl> <h2>Private Methods</h2> <dl> <dt>nextSEQ</dt> <dd>...</dd> <dt>playSEQ</dt> <dd>...</dd> </dl> <h2>Static Methods</h2> <p>[none]</p> <b>What is Canvas Animation?<br> </b><br> This means that all the frames used by the animation stored in one image. The frames are separated by rows and columns and must be of the same height and width. Below is an example showing the layout of animated frames (rows by columns): <p>(2x4 layout)<br> <br> [01][03][05][07] <br> [02][04][06][08]<br> <br> Or<br> <br> (1x8 layout)<br> <br> [01][02][03][04][05][06][07][08] <br> <p>Animations are played in sequences starting from the lowest to the highest frames (e.g. 1 to 8). The widget uses a set of commands which tells it how to display the frames:</p> <p>x>y - show frame x to y<br> x<y - show frame y to x<br> x - show frame x<br> pN - sleep for N milliseconds</p> <p><b>Example:</b></p> <pre>var img=dynapi.functions.getImage('penguin.gif'); myclip= new ImageClip(img,10,10,64,64,null,11,2,150) myclip.playAnimation(false,'1>22,p500,1<22,11') dynapi.document.addChild(myclip)</pre> </body> </html> Index: examples.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/examples.html,v retrieving revision 1.6 retrieving revision 1.7 diff -C2 -r1.6 -r1.7 *** examples.html 5 Mar 2003 04:36:17 -0000 1.6 --- examples.html 9 Mar 2003 22:21:46 -0000 1.7 *************** *** 80,83 **** --- 80,84 ---- <li>------------------------------ <li><a href="../../examples/dynapi.gui.graphics.html">Graphics</a> + <li><a href="../../examples/dynapi.gui.imageclip.htm">ImageClip</a> <li><a href="../../examples/dynapi.gui.loadpanel.html">LoadPanel</a> <li>------------------------------ *************** *** 152,155 **** --- 153,158 ---- MotionX & PathAnimation Combo</li> <li><a href="../../examples/dynapi.util.ioelement-soda-tester.html">SODA-RPC Web Service Test Page</a></li> + <li><a href="../../examples/dynapi.functions.fadecolor.htm">Color Fade</a></li> + <li><a href="../../examples/demo.slideshow.html">Image Slide Show</a></li> </ul> <p> </p> Index: quickref.datasource.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/quickref.datasource.html,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** quickref.datasource.html 10 Feb 2003 22:35:31 -0000 1.1.1.1 --- quickref.datasource.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 32,36 **** <p align="right"><i><b><font color="#008000">Inherit: </font></b>EventObject, <b><font color="#008000">Requirements: </font></b>IOElement, ! IOElementSODA</i></p> </td> </tr> --- 32,36 ---- <p align="right"><i><b><font color="#008000">Inherit: </font></b>EventObject, <b><font color="#008000">Requirements: </font></b>IOElement, ! IOElementSoda</i></p> </td> </tr> Index: quickref.ioelement.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/quickref.ioelement.html,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** quickref.ioelement.html 10 Feb 2003 22:35:33 -0000 1.1.1.1 --- quickref.ioelement.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 40,47 **** <h2>Add-Ons</h2> <blockquote> ! <p><b>IOElementSODA</b><br> Enable RPC/Web Service connections to the server<br> <br> ! <b>IOElementSYNC<br> </b>Enable Synchronous connections </p> </blockquote> --- 40,47 ---- <h2>Add-Ons</h2> <blockquote> ! <p><b>IOElementSoda</b><br> Enable RPC/Web Service connections to the server<br> <br> ! <b>IOElementSync<br> </b>Enable Synchronous connections </p> </blockquote> *************** *** 82,86 **** <p><b>activateSyncMode</b>(fn,useJava) - Activate Synchronous Transfers Mode. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSYNC </font></span> </p> <pre><u>fn</u> callback or returned function useJava - forces the use of a java applet for synchronous communication --- 82,86 ---- <p><b>activateSyncMode</b>(fn,useJava) - Activate Synchronous Transfers Mode. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSync </font></span> </p> <pre><u>fn</u> callback or returned function useJava - forces the use of a java applet for synchronous communication *************** *** 105,109 **** <p><b>createWebService</b>(name, url, fn, useSync, uid, pwd, method) - Creates a connection to a SODA-RPC web service. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSODA </font></span></p> <pre>name (String) local name used to identify the service url (String) SODA web service url --- 105,109 ---- <p><b>createWebService</b>(name, url, fn, useSync, uid, pwd, method) - Creates a connection to a SODA-RPC web service. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSoda </font></span></p> <pre>name (String) local name used to identify the service url (String) SODA web service url *************** *** 126,130 **** Calls a remote method on the server. This method is available to newly create web services. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSODA </font></span></p> <pre><u>name</u> name of method(s) on the server <u>params</u> parameters to pass to the method(s); --- 126,130 ---- Calls a remote method on the server. This method is available to newly create web services. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSoda </font></span></p> <pre><u>name</u> name of method(s) on the server <u>params</u> parameters to pass to the method(s); *************** *** 156,160 **** <p><b>disconnectWebService</b>(name, fn) - Disconnects the web service object band triggers the logout event on the server. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSODA </font></span></p> <pre>name (String) local name used to identify the service fn - (Function) Callback function --- 156,160 ---- <p><b>disconnectWebService</b>(name, fn) - Disconnects the web service object band triggers the logout event on the server. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSoda </font></span></p> <pre>name (String) local name used to identify the service fn - (Function) Callback function *************** *** 187,191 **** if(r) { // display custom error message ! // return false to cancel the request session and // preserve the request object return false; } --- 187,191 ---- if(r) { // display custom error message ! // return false to cancel the request session and // preserve the request object return false; } *************** *** 248,252 **** response object containing the returned value from the server and and error object. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSODA </font></span></p> <b>isBusy</b>() - Returns true if the calling threads are busy. --- 248,252 ---- response object containing the returned value from the server and and error object. <span style="background-color: #EEEEEE"><font color="#000080"> ! IOElementSoda </font></span></p> <b>isBusy</b>() - Returns true if the calling threads are busy. Index: quickref.soda.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/quickref.soda.html,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** quickref.soda.html 10 Feb 2003 22:35:34 -0000 1.1.1.1 --- quickref.soda.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 93,97 **** dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSODA'); </script></pre> <p>The first line must point to the location of your --- 93,97 ---- dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSoda'); </script></pre> <p>The first line must point to the location of your *************** *** 434,438 **** method can also be used to help debug server-side code: </p> <pre>function setDate(dt){ ! if(!dt) wsRaiseError(null,'You've entered:'+dt); else { // code to set date --- 434,438 ---- method can also be used to help debug server-side code: </p> <pre>function setDate(dt){ ! if(!dt) wsRaiseError(null,'You've entered:'+dt); else { // code to set date Index: revision.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/docs/revision.html,v retrieving revision 1.7 retrieving revision 1.8 diff -C2 -r1.7 -r1.8 *** revision.html 5 Mar 2003 04:36:17 -0000 1.7 --- revision.html 9 Mar 2003 22:21:46 -0000 1.8 *************** *** 40,43 **** --- 40,49 ---- Version in CVS --------------- + [+] Rename IOElementSODA, IOElementSYNC to IOElementSoda, IOElementSync respectively. + ^ This is in keeping with standard library names + [+] Add ImageClip to dynapi.gui - See ImageClip & Slide Show examples + [+] Add fadeColor to dynapi.functions.Color - see Color Fade exmaple + [+] Remove oncreate and onprecreate events, please use onCreate and onPrecreate instead + [+] Add dictionary support to dynapi constructor [+] Add Fader Class - needs more testing in gecko browsers [-] Fix NS4/NS6 Drag event bug |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/src/fx In directory sc8-pr-cvs1:/tmp/cvs-serv12044/src/fx Modified Files: fader.js timerx.js Log Message: uploaded by raymond Index: fader.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/fader.js,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -r1.1 -r1.2 *** fader.js 5 Mar 2003 04:36:16 -0000 1.1 --- fader.js 9 Mar 2003 22:21:47 -0000 1.2 *************** *** 42,46 **** else if(ua.dom && this.css){ if(ua.ie) this.css.filter='alpha(opacity=' + opac + ')'; ! else this.css.MozOpacity = parseInt(opac) +'%'; } if(!ua.ns4 && opac>1 && this.visible==false) this.setVisible(true); --- 42,46 ---- else if(ua.dom && this.css){ if(ua.ie) this.css.filter='alpha(opacity=' + opac + ')'; ! else this.css.MozOpacity = parseInt(opac)/100; } if(!ua.ns4 && opac>1 && this.visible==false) this.setVisible(true); *************** *** 52,54 **** } ! }; \ No newline at end of file --- 52,81 ---- } ! }; ! ! /* ! function hex2dec(hex){ ! return(parseInt(hex,16)); ! }; ! function dec2hex(dec){ ! return (dec < 16 ? "0" : "") + dec.toString(16); ! }; ! function fadeColor(start, end, percent) { ! ! var r1=hex2dec(start.slice(0,2)); ! var g1=hex2dec(start.slice(2,4)); ! var b1=hex2dec(start.slice(4,6)); ! ! var r2=hex2dec(end.slice(0,2)); ! var g2=hex2dec(end.slice(2,4)); ! var b2=hex2dec(end.slice(4,6)); ! ! var pc=percent/100; ! ! var r=Math.floor(r1+(pc*(r2-r1)) + .5); ! var g=Math.floor(g1+(pc*(g2-g1)) + .5); ! var b=Math.floor(b1+(pc*(b2-b1)) + .5); ! ! return("#" + dec2hex(r) + dec2hex(g) + dec2hex(b)); ! }; ! */ \ No newline at end of file Index: timerx.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/fx/timerx.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** timerx.js 10 Feb 2003 22:35:58 -0000 1.1.1.1 --- timerx.js 9 Mar 2003 22:21:47 -0000 1.2 *************** *** 19,23 **** this._timerTickCount++; this.invokeEvent("timer") ! this._tickTimer=setTimeout(this+'.tickLoop()',this._timerInterval) } DynLayer.prototype.stopTimer=function() { --- 19,23 ---- this._timerTickCount++; this.invokeEvent("timer") ! this._tickTimer=window.setTimeout(this+'.tickLoop()',this._timerInterval) } DynLayer.prototype.stopTimer=function() { |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/src/api/ext In directory sc8-pr-cvs1:/tmp/cvs-serv12044/src/api/ext Modified Files: dynlayer.inline.js Log Message: uploaded by raymond Index: dynlayer.inline.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/ext/dynlayer.inline.js,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -r1.1 -r1.2 *** dynlayer.inline.js 5 Mar 2003 04:37:24 -0000 1.1 --- dynlayer.inline.js 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 37,42 **** DynLayer._updateValues = function(dlyr) { if (dynapi.ua.def) { if (dynapi.ua.ie) { - var css = dlyr.elm.currentStyle; dlyr.x = parseInt(css.left); dlyr.y = parseInt(css.top); --- 37,42 ---- DynLayer._updateValues = function(dlyr) { if (dynapi.ua.def) { + var css = dlyr.elm.style; if (dynapi.ua.ie) { dlyr.x = parseInt(css.left); dlyr.y = parseInt(css.top); *************** *** 48,52 **** } else if (dynapi.ua.dom) { - var css = dlyr.elm.currentStyle; dlyr.x = parseInt(dlyr.elm.offsetLeft); dlyr.y = parseInt(dlyr.elm.offsetTop); --- 48,51 ---- |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/src/api In directory sc8-pr-cvs1:/tmp/cvs-serv12044/src/api Modified Files: dyndocument.js dynlayer_dom.js dynlayer_ie.js dynlayer_ns4.js dynlayer_opera.js event.js Log Message: uploaded by raymond Index: dyndocument.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dyndocument.js,v retrieving revision 1.4 retrieving revision 1.5 diff -C2 -r1.4 -r1.5 *** dyndocument.js 5 Mar 2003 04:36:16 -0000 1.4 --- dyndocument.js 9 Mar 2003 22:21:46 -0000 1.5 *************** *** 100,105 **** this.findDimensions(); var divs; ! // create divs object - speeds up DOM browsers on win32. Linux & Mac? if (ua.win32 && (ua.ie||ua.dom)) { divs={} --- 100,106 ---- this.findDimensions(); + var divs; ! // create divs object - speeds up DOM browsers on Win32. Linux & Mac? if (ua.win32 && (ua.ie||ua.dom)) { divs={} Index: dynlayer_dom.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_dom.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** dynlayer_dom.js 5 Mar 2003 04:36:16 -0000 1.3 --- dynlayer_dom.js 9 Mar 2003 22:21:46 -0000 1.4 *************** *** 11,16 **** this.DynElement = DynElement; this.DynElement(); ! if (html!=null) this.setHTML(html); ! else this.html = null; this.x = x; this.y = y; --- 11,37 ---- this.DynElement = DynElement; this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; this.x = x; this.y = y; *************** *** 18,28 **** this.h = h; this.bgColor = color; - this.visible = true; - this.z = 1; this.elm = null; this.doc = null; this.css = null; - this._saveAnchor = false; - this._textSelectable = true; }; var p = dynapi.setPrototype('DynLayer','DynElement'); --- 39,45 ---- *************** *** 76,79 **** --- 93,98 ---- var elm, parentElement; parentElement = this.parent.elm; + + // this method seems faster for most dom browsers var r = parentElement.ownerDocument.createRange(); r.setStartBefore(parentElement); *************** *** 81,84 **** --- 100,104 ---- parentElement.appendChild(ptxt); elm = parentElement.lastChild; + DynLayer._assignElement(this,elm); DynElement._flagEvent(this,'create'); *************** *** 95,99 **** dlyr.css = elm.style; dlyr.doc = dlyr.parent.doc; - //dlyr.elm.lyrobj = dlyr; //to be removed dlyr.elm._dynobj = dlyr; dlyr._dyndoc = dlyr.parent._dyndoc; --- 115,118 ---- *************** *** 107,117 **** } ! for (var i=0; i<dlyr.children.length; i++) { ! DynLayer._assignElement(dlyr.children[i]); ! } if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); if (dlyr._hasKeyEvents) dlyr.captureKeyEvents(); }; p.getOuterHTML=function() { --- 126,136 ---- } ! var i,ch=dlyr.children; ! for (i=0;i<ch.length;i++) DynLayer._assignElement(ch[i],null,divs); if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); if (dlyr._hasKeyEvents) dlyr.captureKeyEvents(); + }; p.getOuterHTML=function() { *************** *** 122,126 **** s=[ '<div id="'+this.id+'" style="', - ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), ' left:',(this.x!=null? this.x : 0),'px;', ' top:',(this.y!=null? this.y : 0),'px;', --- 141,144 ---- *************** *** 131,139 **** ((this._overflow!=null)? ' overflow:hidden;':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ! bgimage,clip,' position:absolute;">', ! this.getInnerHTML(),'</div>' ]; return s.join(''); }; p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); --- 149,169 ---- ((this._overflow!=null)? ' overflow:hidden;':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ! ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), ! bgimage, ! clip, ! ' position:absolute;">', ! this.getInnerHTML(), ! '</div>\n' ]; return s.join(''); }; + p.getInnerHTML=function() { + var s = ''; + var i,ch=this.children; + if (this.html!=null) s+=this.html; + for (i=0;i<ch.length;i++) s+=ch[i].getOuterHTML(); + return s; + }; + p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); *************** *** 242,253 **** }; p.getZIndex=function() {return this.z}; - - p.getInnerHTML=function() { - var i,s = ''; - if (this.html!=null) s+=this.html; - for (i=0;i<this.children.length;i++) s+=this.children[i].getOuterHTML(); - return s; - }; - p.getHTML = function() {return this.html}; p.setWidth=function(w) {this.setSize(w,null)}; --- 272,275 ---- Index: dynlayer_ie.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_ie.js,v retrieving revision 1.4 retrieving revision 1.5 diff -C2 -r1.4 -r1.5 *** dynlayer_ie.js 5 Mar 2003 04:36:16 -0000 1.4 --- dynlayer_ie.js 9 Mar 2003 22:21:46 -0000 1.5 *************** *** 12,16 **** this.DynElement(); ! this.html = null; this.x = x; this.y = y; --- 12,37 ---- this.DynElement(); ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; this.x = x; this.y = y; *************** *** 18,31 **** this.h = h; this.bgColor = color; - this.visible = true; - this.z = 1; this.elm = null; this.doc = null; ! this.css = null; ! this._saveAnchor = false; ! this._textSelectable = true; ! ! if (html!=null) this.setHTML(html); ! }; var p = dynapi.setPrototype('DynLayer','DynElement'); --- 39,45 ---- this.h = h; this.bgColor = color; this.elm = null; this.doc = null; ! this.css = null; }; var p = dynapi.setPrototype('DynLayer','DynElement'); *************** *** 78,83 **** var elm, parentElement; parentElement = this.parent.elm; ! parentElement.insertAdjacentHTML("beforeEnd",this.getOuterHTML()); ! elm = parentElement.children[parentElement.children.length-1]; DynLayer._assignElement(this,elm); DynElement._flagEvent(this,'create'); --- 92,120 ---- var elm, parentElement; parentElement = this.parent.elm; ! if(dynapi.ua.v<5){ ! parentElement.insertAdjacentHTML("beforeEnd",this.getOuterHTML()); ! elm = parentElement.children[parentElement.children.length-1]; ! } ! else { ! // this method is more efficent for ie5+. any comment? ! elm=document.createElement('DIV'); ! elm.id=this.id; ! elm.style.position='absolute'; ! elm.style.pixelLeft=(this.x||0); ! elm.style.pixelTop=(this.y||0); ! elm.style.width=(this.w||'auto'); ! elm.style.height=(this.h||'auto'); ! elm.style.backgroundColor=(this.bgColor||'transparent'); ! elm.style.zIndex=(this.z||1); ! elm.style.cursor=(this._cursor||'auto') ! elm.style.overflow=(this._overflow!=null)? 'hidden':''; ! if(this.bgImage!=null) elm.style.backgroundImage='url('+this.bgImage+')'; ! if (this.bgImage==null && this.html==null) elm.style.backgroundImage='none'; ! if (this.clip) elm.style.clip='rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px)'; ! else if (this.w!=null && this.h!=null) elm.style.clip='rect(0px '+this.w+'px '+this.h+'px 0px)'; ! elm.style.visibility=(this.visible==false)? 'hidden':'inherit'; ! elm.innerHTML=this.getInnerHTML(); ! parentElement.appendChild(elm); ! } DynLayer._assignElement(this,elm); DynElement._flagEvent(this,'create'); *************** *** 93,97 **** dlyr.css = elm.style; dlyr.doc = dlyr.parent.doc; - //dlyr.elm.lyrobj = dlyr; // to be removed dlyr.elm._dynobj = dlyr; dlyr._dyndoc = dlyr.parent._dyndoc; --- 130,133 ---- *************** *** 102,111 **** dlyr.setSize(cw,ch); } ! ! var i=0,ch=dlyr.children; ! while (i<ch.length) { ! DynLayer._assignElement(ch[i]); ! i++; ! } if (dlyr._textSelectable==false) elm.onselectstart = dynapi.functions.Deny; --- 138,144 ---- dlyr.setSize(cw,ch); } ! ! var i,ch=dlyr.children; ! for (i=0;i<ch.length;i++) DynLayer._assignElement(ch[i],null,divs); if (dlyr._textSelectable==false) elm.onselectstart = dynapi.functions.Deny; *************** *** 115,120 **** if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); ! // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); if (dlyr._hasKeyEvents) dlyr.captureKeyEvents(); }; p.getOuterHTML=function() { --- 148,154 ---- if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); ! // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); if (dlyr._hasKeyEvents) dlyr.captureKeyEvents(); + }; p.getOuterHTML=function() { *************** *** 124,132 **** if (this.clip) clip=' clip:rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px);'; else if (this.w!=null && this.h!=null) clip=' clip:rect(0px '+this.w+'px '+this.h+'px 0px);'; ! s=[ '<div id="'+this.id+'" style="', - ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), ' left:',(this.x!=null? this.x : 0),'px;', ! ' top:',(this.y!=null? this.y : 0),'px;', ((this.w!=null)? ' width:'+this.w+'px;':''), ((this.h!=null)? ' height:'+this.h+'px;':''), --- 158,165 ---- if (this.clip) clip=' clip:rect('+this.clip[0]+'px '+this.clip[1]+'px '+this.clip[2]+'px '+this.clip[3]+'px);'; else if (this.w!=null && this.h!=null) clip=' clip:rect(0px '+this.w+'px '+this.h+'px 0px);'; ! return [ '<div id="'+this.id+'" style="', ' left:',(this.x!=null? this.x : 0),'px;', ! ' top:',(this.y!=null? this.y : 0),'px;', ((this.w!=null)? ' width:'+this.w+'px;':''), ((this.h!=null)? ' height:'+this.h+'px;':''), *************** *** 135,144 **** ((this._overflow!=null)? ' overflow:hidden;':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ! bgimage,clip,' position:absolute;">', ! this.getInnerHTML(),'</div>' ! ]; ! return s.join(''); }; - p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); --- 168,186 ---- ((this._overflow!=null)? ' overflow:hidden;':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ! ((this.visible==false)? ' visibility:hidden;':' visibility:inherit;'), ! bgimage, ! clip, ! ' position:absolute;">', ! this.getInnerHTML(), ! '</div>\n' ! ].join(''); ! }; ! p.getInnerHTML=function() { ! var s = ''; ! var i,ch=this.children; ! if (this.html!=null) s+=this.html; ! for (i=0;i<ch.length;i++) s+=ch[i].getOuterHTML(); ! return s; }; p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); *************** *** 245,259 **** }; p.getZIndex=function() {return this.z}; - - p.getInnerHTML=function() { - var s = ''; - var ch=this.children,i=0; - if (this.html!=null) s+=this.html; - while (i<ch.length) { - s+=ch[i].getOuterHTML(); - i++; - }; - return s; - }; p.getHTML = function() {return this.html}; --- 287,290 ---- Index: dynlayer_ns4.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_ns4.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** dynlayer_ns4.js 5 Mar 2003 04:36:16 -0000 1.3 --- dynlayer_ns4.js 9 Mar 2003 22:21:46 -0000 1.4 *************** *** 11,16 **** this.DynElement = DynElement; this.DynElement(); ! if (html!=null) this.setHTML(html); ! else this.html = null; this.x = x; this.y = y; --- 11,37 ---- this.DynElement = DynElement; this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; this.x = x; this.y = y; *************** *** 18,28 **** this.h = h; this.bgColor = color; - this.visible = true; - this.z = 1; this.elm = null; this.doc = null; this.css = null; - this._saveAnchor = false; - this._textSelectable = true; }; var p = dynapi.setPrototype('DynLayer','DynElement'); --- 39,45 ---- *************** *** 115,121 **** if (dlyr.bgImage!=null) dlyr.setBgImage(dlyr.bgImage); ! for (var i=0; i<dlyr.children.length; i++) { ! DynLayer._assignElement(dlyr.children[i]); ! } if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); --- 132,138 ---- if (dlyr.bgImage!=null) dlyr.setBgImage(dlyr.bgImage); ! var i,ch=dlyr.children; ! for (i=0;i<ch.length;i++) DynLayer._assignElement(ch[i],null); ! if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); *************** *** 123,127 **** }; p.getOuterHTML=function() { ! var s,clip; if (this.clip) clip=' clip="'+this.clip[3]+','+this.clip[0]+','+this.clip[1]+','+this.clip[2]+'"'; else clip=' clip="0,0,'+((this.w>=0)?this.w:0)+','+((this.h>=0)?this.h:0)+'"'; --- 140,144 ---- }; p.getOuterHTML=function() { ! var s,clip=''; if (this.clip) clip=' clip="'+this.clip[3]+','+this.clip[0]+','+this.clip[1]+','+this.clip[2]+'"'; else clip=' clip="0,0,'+((this.w>=0)?this.w:0)+','+((this.h>=0)?this.h:0)+'"'; *************** *** 133,137 **** ((this.w!=null)? ' width='+this.w:''), ((this.h!=null)? ' height='+this.h:''), ! ((this.z)? ' z-index:'+this.z:''), ((this.bgColor!=null)? ' bgcolor="'+this.bgColor+'"':'')+'>', this.getInnerHTML(),'</layer>' --- 150,154 ---- ((this.w!=null)? ' width='+this.w:''), ((this.h!=null)? ' height='+this.h:''), ! ((this.z)? ' z-index:'+this.z:''), clip, ((this.bgColor!=null)? ' bgcolor="'+this.bgColor+'"':'')+'>', this.getInnerHTML(),'</layer>' *************** *** 139,142 **** --- 156,168 ---- return s.join(''); }; + p.getInnerHTML=function() { + var i,s = ''; + if (this.html!=null) { + if (this.w==null) s += '<nobr>'+this.html+'</nobr>'; + else s+=this.html; + } + for (i=0;i<this.children.length;i++) s+=this.children[i].getOuterHTML(); + return s; + }; p.setLocation = function(x,y) { var cx = (x!=null && x!=this.x); *************** *** 260,272 **** }; p.getZIndex=function() {return this.z}; - p.getInnerHTML=function() { - var i,s = ''; - if (this.html!=null) { - if (this.w==null) s += '<nobr>'+this.html+'</nobr>'; - else s+=this.html; - } - for (i=0;i<this.children.length;i++) s+=this.children[i].getOuterHTML(); - return s; - }; p.getHTML = function() {return this.html}; p.setWidth=function(w) {this.setSize(w,null)}; --- 286,289 ---- Index: dynlayer_opera.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/dynlayer_opera.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** dynlayer_opera.js 5 Mar 2003 04:36:16 -0000 1.3 --- dynlayer_opera.js 9 Mar 2003 22:21:46 -0000 1.4 *************** *** 8,20 **** */ ! // Note this is a copy of the dynlayer_ie.js file ! // this file should be modified to use opera/DOM specific code so that // performance can be gained function DynLayer(html,x,y,w,h,color) { this.DynElement = DynElement; this.DynElement(); ! if (html!=null) this.setHTML(html); ! else this.html = null; this.x = x; this.y = y; --- 8,45 ---- */ ! // Note: this is a copy of the dynlayer_ie.js file ! // it file should be modified to use opera/DOM specific code so that // performance can be gained + // Warning: Avoid using document.all collection as it has been reported + // that on some platforms when opera is set to an identity other than IE + // the all[] collection is not available + function DynLayer(html,x,y,w,h,color) { this.DynElement = DynElement; this.DynElement(); ! ! if (html && html.constructor==Object){ ! var args=html; // dictionary input ! html=args.html; ! x = args.x; ! y = args.y; ! w = args.w; ! h = args.h; ! color = args.color; ! this.visible = (args.visible||true); ! this.z = (args.zIndex||1); ! this._saveAnchor = args.anchor; ! this._textSelectable = (args.textSelectable||true); ! if (args.id) this.setID(args.id,true); ! } ! else { ! this.visible = true; ! this.z = 1; ! this._saveAnchor = false; ! this._textSelectable = true; ! } ! ! this.html = html; this.x = x; this.y = y; *************** *** 22,32 **** this.h = h; this.bgColor = color; - this.visible = true; - this.z = 1; this.elm = null; this.doc = null; this.css = null; - this._saveAnchor = false; - this._textSelectable = true; }; var p = dynapi.setPrototype('DynLayer','DynElement'); --- 47,53 ---- *************** *** 79,84 **** --- 100,108 ---- var elm, parentElement; parentElement = this.parent.elm; + + // this method is more efficient for opera7+ parentElement.insertAdjacentHTML("beforeEnd",this.getOuterHTML()); elm = parentElement.children[parentElement.children.length-1]; + DynLayer._assignElement(this,elm); DynElement._flagEvent(this,'create'); *************** *** 90,99 **** }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) elm = (divs)? divs[dlyr.id] : dlyr.parent.elm.all[dlyr.id]; // if (!elm) elm = dlyr.parent.elm.all[dlyr.id]; dlyr.elm = elm; dlyr.css = elm.style; dlyr.doc = dlyr.parent.doc; - //dlyr.elm.lyrobj = dlyr; //to be removed dlyr.elm._dynobj = dlyr; dlyr._dyndoc = dlyr.parent._dyndoc; --- 114,122 ---- }; DynLayer._assignElement = function(dlyr,elm,divs) { ! if (!elm ) elm = (divs)? divs[dlyr.id] : dlyr.parent.doc.getElementById(dlyr.id); // if (!elm) elm = dlyr.parent.elm.all[dlyr.id]; dlyr.elm = elm; dlyr.css = elm.style; dlyr.doc = dlyr.parent.doc; dlyr.elm._dynobj = dlyr; dlyr._dyndoc = dlyr.parent._dyndoc; *************** *** 105,116 **** } ! for (var i=0; i<dlyr.children.length; i++) { ! DynLayer._assignElement(dlyr.children[i]); ! } if (this._textSelectable==false) elm.onselectstart = dynapi.functions.Disallow; - //if (elm.all.tags("img").length) elm.ondragstart = dynapi.functions.False; - if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); --- 128,136 ---- } ! var i,ch=dlyr.children; ! for (i=0;i<ch.length;i++) DynLayer._assignElement(ch[i],null,divs); if (this._textSelectable==false) elm.onselectstart = dynapi.functions.Disallow; if (dlyr._hasMouseEvents) dlyr.captureMouseEvents(); // if (dlyr.assignKeyEvents) dlyr.assignKeyEvents(); *************** *** 134,142 **** ((this._overflow!=null)? ' overflow:hidden;':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ! bgimage,clip,' position:absolute;">', ! this.getInnerHTML(),'</div>' ]; return s.join(''); }; p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); --- 154,171 ---- ((this._overflow!=null)? ' overflow:hidden;':''), ((this.bgColor!=null)? ' background-color:'+this.bgColor+';':''), ! bgimage, ! clip, ! ' position:absolute;">', ! this.getInnerHTML(), ! '</div>' ]; return s.join(''); }; + p.getInnerHTML=function() { + var i,s = ''; + if (this.html!=null) s+=this.html; + for (i=0;i<this.children.length;i++) s+=this.children[i].getOuterHTML(); + return s; + }; p.setLocation=function(x,y) { var cx = (x!=null && x!=this.x); *************** *** 243,254 **** }; p.getZIndex=function() {return this.z}; - - p.getInnerHTML=function() { - var i,s = ''; - if (this.html!=null) s+=this.html; - for (i=0;i<this.children.length;i++) s+=this.children[i].getOuterHTML(); - return s; - }; - p.getHTML = function() {return this.html}; p.setWidth=function(w) {this.setSize(w,null)}; --- 272,275 ---- Index: event.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/api/event.js,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -r1.3 -r1.4 *** event.js 5 Mar 2003 04:36:16 -0000 1.3 --- event.js 9 Mar 2003 22:21:46 -0000 1.4 *************** *** 1 **** ! /* DynAPI Distribution DynEvent, EventObject, DynElement Classes The DynAPI Distribution is distributed under the terms of the GNU LGPL license. */ function DynEvent(type,src) { this.DynObject = DynObject; this.DynObject(); this.type = type; this.src = src; this.origin = src; this.propagate = true; this.bubble = false; this.bubbleChild = null; this.defaultValue = true; this._trapAlerts=null; }; var p = dynapi.setPrototype('DynEvent','DynObject'); p.getType = function() {return this.type}; p.getSource = function() {return this.src}; p.getOrigin=function() {return this.origin}; p.stopPropagation = function() {this.propagate = false}; p.preventBubble = function() {this.bubble = false}; p.preventDefault = function() {this.defaultValue = false}; p.getBubbleChild = function() {return this.bubbleChild}; function EventObject() { this.DynObject = DynObject; this.DynObject(); this._listeners = []; } EventObject._SubClass={}; p = dynapi.setPrototype('EventObject','DynObject'); p.addEventListener = function(el) { if (el) { for (var i=0;i<this._listeners.length;i++) if (this._listeners[i]==el) return; this._listeners[this._listeners.length] = el; this._hasCreateEvent=(el['oncreate'])? true:this._hasCreateEvent; this._hasPrecreateEvent=(el['onprecreate'])? true:this._hasPrecreateEvent; this._hasDragEvents=(el['ondragstart']||el['ondragmove']|| el['ondragend']||el['ondragdrop']|| el['ondragover']||el['ondragout'])? true:this._hasDragEvents; if (this.captureMouseEvents) { if (this._created && !this._hasMouseEvents && (el.onmousedown || el.onmouseup || el.onmouseover || el.onmouseout || el.onclick || el.ondblclick)) { this.captureMouseEvents(); } else this._hasMouseEvents = true; } if (this.captureKeyEvents) { if (this._created && !this._hasKeyEvents && (el.onkeydown || el.onkeyup || el.keypress)) { this.captureKeyEvents(); } else this._hasKeyEvents = true; } } }; p.removeEventListener = function(el) { if (el) { DynAPI.functions.removeFromArray(this._listeners, el, false); if (!this._listeners.length && this.releaseMouseEvents && this.getClassName()!='DynDocument') this.releaseMouseEvents(); if (!this._listeners.length && this.releaseKeyEvents && this.getClassName()!='DynDocument') this.releaseKeyEvents(); } }; p.removeAllEventListeners = function() { this._listeners = []; }; p.invokeEvent = function(type,e,args) { if (!e) e = new DynEvent(type,this); e.src = this; e.type = type; // Check for subclassing var clsFn=EventObject._SubClass[this+'_'+type]; if(clsFn) { if (clsFn(e,args)==false) return; }; if (this._listeners.length) for (var i=0;i<this._listeners.length;i++) { if (this._listeners[i]["on"+type]) this._listeners[i]["on"+type](e,args); if (!e.propagate) break; } if (this["on"+type]) this["on"+type](e,args); if (e.bubble && this.parent) { //if ((type=="mouseover" || type=="mouseout") && e._relative==this.parent) return; e.x += this.x; e.y += this.y; e.bubbleChild = this; this.parent.invokeEvent(type,e,args); } }; // Add subClassEvent() function to dynapi.functions dynapi.functions.subClassEvent = function(type,eobj,fn){ var ek=eobj+'_'+type; var cls=EventObject._SubClass; if(typeof(fn)=='function') cls[ek]=fn; else if(!fn && cls[ek]) delete(cls[ek]) }; function DynElement() { this.EventObject = EventObject; this.EventObject(); this.isChild = false; this._created = false; this.parent = null; this._dyndoc = null; this.children = []; this._childAnchors = []; }; DynElement._flagEvent = function(c,type) { var ok=false; if (type=="create") c._created = true; // Raise onCreate/onPreCreate callback Flag if((c._hasPCreateFn||c._hasCreateFn) && (type=='precreate'||type=='create')) { ok=true; c._flagCreateEvent(type); } if(!ok){ //to speed up creation skip invokeEvent if precreate or create events where not registered if(type=='precreate' && (c._hasPrecreateEvent || c['onprecreate'])) ok=true; else if(type=='create' && (c._hasCreateEvent || c['oncreate'])) ok=true; else if(type!='create' && type!='precreate') ok=true; if(ok) c.invokeEvent(type); } for (var i=0; i<c.children.length; i++) { DynElement._flagEvent(c.children[i],type); } }; p = dynapi.setPrototype('DynElement','EventObject'); p.addChild = function(c,alias,inlineID) { if (!c) return dynapi.debug.print("Error: no object sent to [DynLayer].addChild()"); if (c.isChild) c.removeFromParent(); c.isChild = true; c.parent = this; if (c._saveAnchor) { c.setAnchor(c._saveAnchor); delete c._saveAnchor; } if(alias) this[alias]=c; if(inlineID) c.setID(inlineID,true); if (this._created) { if (c.isInline) c._createInline(); else c._create(); } this.children[this.children.length] = c; return c; }; p.removeChild = function(c) { var l = this.children.length; for (var i=0;i<l && this.children[i]!=c;i++); if (i!=l) { c._remove(); c._created = false; c.isChild = false; c.parent = null; c.dyndoc = null; this.children[i] = this.children[l-1]; this.children[l-1] = null; this.children.length--; } }; p.deleteChild = function(c) { c.removeFromParent(); c._delete(); }; p.deleteAllChildren = function() { var l = this.children.length; for(var i=0;i<l;i++) { this.children[i].del(); delete this.children[i]; } this.children = []; }; p.deleteFromParent = function () { if (this.parent) this.parent.deleteChild(this); }; p.removeFromParent = function () { if (this.parent) this.parent.removeChild(this); }; p._create = p._createInLine = p._createInserted = p._remove = p._delete = p._destroy = dynapi.functions.Null; p.getChildren = function() {return this.children} p.getAllChildren = function() { var ret = []; var temp; var l = this.children.length; for(var i=0;i<l;i++) { ret[this.children[i].id] = this.children[i]; temp = this.children[i].getAll(); for(var j in temp) ret[j] = temp[j]; } return ret }; p.getParents = function(l) { if (l==null) l = []; if (this.parent) { l[l.length] = this.parent; l = this.parent.getParents(l); } return l; }; p.isParentOf = function(c) { if (c) { var p = c.getParents(); for (var i=0;i<p.length;i++) { if (p[i]==this) return true; } } return false; }; p.isChildOf = function(p) { if (!p) return false; return p.isParentOf(this); }; // New onPreCreate() and onCreate() callback functions p.onCreate = function(fn){ if(!this._cfn){this._fn=0;this._cfn={};} var s='create'+this._fn++; this._cfn[s]='create'; this._hasCreateFn=true; this[s]=fn; }; p.onPreCreate = function(fn){ if(!this._cfn){this._fn=0;this._cfn={};} var s='precreate'+this._fn++; this._cfn[s]='precreate'; this._hasPCreateFn=true; this[s]=fn; }; p._flagCreateEvent = function(s){ for(var i in this._cfn){ if(this._cfn[i]==s) this[i](); }; }; p.updateAnchor = function() { this.parent._updateAnchor(this.id); }; p._updateAnchor = function(id) { if (!id) return; var dlyr = DynObject.all[id]; var a = this._childAnchors[id]; var tw = this.w; var th = this.h; if (tw==null && th==null) return; // anchoring/docking var fn=dynapi.functions; var padX=0,padY=0; if(a.topA) { anc=fn.getAnchorLocation(a.topA,this); if(anc){padY=anc.y; th=th-padY;} } if(a.leftA) { anc=(a.leftA==a.topA && anc)? anc:fn.getAnchorLocation(a.leftA,this); if(anc) {padX=anc.x; tw=tw-padX;} } if(a.bottomA) { anc=fn.getAnchorLocation(a.bottomA,this); th=th-(this.h-anc.y); } if(a.rightA) { anc=(a.bottomA==a.rightA && anc)? anc:fn.getAnchorLocation(a.rightA,this); if(anc) tw=tw-(this.w-anc.x); } var aleft=(tw>0 && a.left && typeof(a.left)=='string')? tw*(parseInt(a.left)/100):a.left; var aright=(tw>0 && a.right && typeof(a.right)=='string')? tw*(parseInt(a.right)/100):a.right; var atop=(th>0 && a.top && typeof(a.top)=='string')? th*(parseInt(a.top)/100):a.top; var abottom=(th>0 && a.bottom && typeof(a.bottom)=='string')? th*(parseInt(a.bottom)/100):a.bottom; var x = aleft; var y = atop; var w = null; var h = null; var dlyrWidth=dlyr.getWidth(); var dlyrHeight=dlyr.getHeight(); if (a.stretchH!=null) { if(typeof(a.stretchH)!='string') w=a.stretchH; else { if(a .stretchH=='*') w = tw - ((aleft!=null)? aleft:0); else w = tw*(parseInt(a.stretchH)/100); } dlyrWidth=w; } if (a.centerH!=null) { x = Math.ceil(tw/2 - dlyrWidth/2 + a.centerH); }else if (aright!=null) { if (aleft!=null) w = (tw - aright) - aleft; else x = (tw - dlyrWidth) - aright; if(tw<=0 && x<0) x=null; // ns4 needs x>=0 } if (a.stretchV!=null) { if(typeof(a.stretchV)!='string') h=a.stretchV; else { if(a.stretchV=='*') h = th - ((atop!=null)? atop:0); else h = th*(parseInt(a.stretchV)/100); } dlyrHeight=h; } if (a.centerV!=null) { y = Math.ceil(th/2 - dlyrHeight/2 + a.centerV); }else if (abottom!=null) { if (atop!=null) h = (th - abottom) - atop; else y = (th - dlyrHeight) - abottom; if(th<=0 && y<0) y=null; // ns4 needs y>=0 } if(padX) {x=(x)? x:0;x+=padX} if(padY) {y=(y)? y:0;y+=padY} if(x!=null||y!=null) dlyr.setLocation(x,y); if(w!=null||h!=null) dlyr.setSize(w,h); }; p._updateAnchors = function() { var tw = this.w; var th = this.h; if (tw==null && th==null) return; for (id in this._childAnchors) this._updateAnchor(id); }; // bandwidth timer stop var ua=dynapi.ua; ua._bwe=new Date; ua.broadband=((ua._bwe-ua._bws)<=1500)? true:false; \ No newline at end of file --- 1,322 ---- ! /* ! DynAPI Distribution ! DynEvent, EventObject, DynElement Classes ! ! The DynAPI Distribution is distributed under the terms of the GNU LGPL license. ! */ ! ! function DynEvent(type,src) { ! this.DynObject = DynObject; ! this.DynObject(); ! this.type = type; ! this.src = src; ! this.origin = src; ! this.propagate = true; ! this.bubble = false; ! this.bubbleChild = null; ! this.defaultValue = true; ! }; ! var p = dynapi.setPrototype('DynEvent','DynObject'); ! ! p.getType = function() {return this.type}; ! p.getSource = function() {return this.src}; ! p.getOrigin=function() {return this.origin}; ! p.stopPropagation = function() {this.propagate = false}; ! p.preventBubble = function() {this.bubble = false}; ! p.preventDefault = function() {this.defaultValue = false}; ! p.getBubbleChild = function() {return this.bubbleChild}; ! ! function EventObject() { ! this.DynObject = DynObject; ! this.DynObject(); ! this._listeners = []; ! } ! EventObject._SubClass={}; ! ! p = dynapi.setPrototype('EventObject','DynObject'); ! p.addEventListener = function(el) { ! if (el) { ! for (var i=0;i<this._listeners.length;i++) if (this._listeners[i]==el) return; ! this._listeners[this._listeners.length] = el; ! // use onCreate() and onPrecreate() instead ! //this._hasCreateEvent=(el['oncreate'])? true:this._hasCreateEvent; ! //this._hasPrecreateEvent=(el['onprecreate'])? true:this._hasPrecreateEvent; ! this._hasDragEvents=(el['ondragstart']||el['ondragmove']|| ! el['ondragend']||el['ondragdrop']|| ! el['ondragover']||el['ondragout'])? true:this._hasDragEvents; ! ! if (this.captureMouseEvents) { ! if (this._created && !this._hasMouseEvents && (el.onmousedown || el.onmouseup || el.onmouseover || el.onmouseout || el.onclick || el.ondblclick)) { ! this.captureMouseEvents(); ! } ! else this._hasMouseEvents = true; ! } ! if (this.captureKeyEvents) { ! if (this._created && !this._hasKeyEvents && (el.onkeydown || el.onkeyup || el.keypress)) { ! this.captureKeyEvents(); ! } ! else this._hasKeyEvents = true; ! } ! } ! }; ! p.removeEventListener = function(el) { ! if (el) { ! DynAPI.functions.removeFromArray(this._listeners, el, false); ! if (!this._listeners.length && this.releaseMouseEvents && this.getClassName()!='DynDocument') this.releaseMouseEvents(); ! if (!this._listeners.length && this.releaseKeyEvents && this.getClassName()!='DynDocument') this.releaseKeyEvents(); ! } ! }; ! p.removeAllEventListeners = function() { ! this._listeners = []; ! }; ! p.invokeEvent = function(type,e,args) { ! if (!e) e = new DynEvent(type,this); ! e.src = this; ! e.type = type; ! ! // Check for subclassing ! var clsFn=EventObject._SubClass[this+'_'+type]; ! if(clsFn) { ! if (clsFn(e,args)==false) return; ! }; ! ! if (this._listeners.length) for (var i=0;i<this._listeners.length;i++) { ! if (this._listeners[i]["on"+type]) this._listeners[i]["on"+type](e,args); ! if (!e.propagate) break; ! } ! if (this["on"+type]) this["on"+type](e,args); ! if (e.bubble && this.parent) { ! //if ((type=="mouseover" || type=="mouseout") && e._relative==this.parent) return; ! e.x += this.x; ! e.y += this.y; ! e.bubbleChild = this; ! this.parent.invokeEvent(type,e,args); ! } ! }; ! ! // Add subClassEvent() function to dynapi.functions ! dynapi.functions.subClassEvent = function(type,eobj,fn){ ! var ek=eobj+'_'+type; ! var cls=EventObject._SubClass; ! if(typeof(fn)=='function') cls[ek]=fn; ! else if(!fn && cls[ek]) delete(cls[ek]) ! }; ! ! function DynElement() { ! this.EventObject = EventObject; ! this.EventObject(); ! this.isChild = false; ! this._created = false; ! this.parent = null; ! this._dyndoc = null; ! this.children = []; ! this._childAnchors = []; ! }; ! DynElement._flagEvent = function(c,type) { ! if (type=="create") c._created = true; ! if (type=='precreate'||type=='create') { ! // Raise onCreate/onPreCreate callback Flag ! if (c._hasPCreateFn||c._hasCreateFn) c._flagCreateEvent(type); ! }else{ ! // Raise other events; ! c.invokeEvent(type); ! } ! var ch=c.children; ! for (var i=0; i<ch.length; i++) { ! DynElement._flagEvent(ch[i],type); ! } ! }; ! p = dynapi.setPrototype('DynElement','EventObject'); ! p.addChild = function(c,alias,inlineID) { ! if (!c) return dynapi.debug.print("Error: no object sent to [DynLayer].addChild()"); ! if (c.isChild) c.removeFromParent(); ! c.isChild = true; ! c.parent = this; ! if (c._saveAnchor) { ! c.setAnchor(c._saveAnchor); ! delete c._saveAnchor; ! } ! if(alias) this[alias]=c; ! if(inlineID) c.setID(inlineID,true); ! if (this._created) { ! if (c.isInline) c._createInline(); ! else c._create(); ! } ! this.children[this.children.length] = c; ! return c; ! }; ! p.removeChild = function(c) { ! var l = this.children.length; ! for (var i=0;i<l && this.children[i]!=c;i++); ! if (i!=l) { ! c._remove(); ! c._created = false; ! c.isChild = false; ! c.parent = null; ! c.dyndoc = null; ! this.children[i] = this.children[l-1]; ! this.children[l-1] = null; ! this.children.length--; ! } ! }; ! p.deleteChild = function(c) { ! c.removeFromParent(); ! c._delete(); ! }; ! p.deleteAllChildren = function() { ! var l = this.children.length; ! for(var i=0;i<l;i++) { ! this.children[i].del(); ! delete this.children[i]; ! } ! this.children = []; ! }; ! p.deleteFromParent = function () { ! if (this.parent) this.parent.deleteChild(this); ! }; ! p.removeFromParent = function () { ! if (this.parent) this.parent.removeChild(this); ! }; ! p._create = p._createInLine = p._createInserted = p._remove = p._delete = p._destroy = dynapi.functions.Null; ! ! p.getChildren = function() {return this.children} ! p.getAllChildren = function() { ! var ret = []; ! var temp; ! var l = this.children.length; ! for(var i=0;i<l;i++) { ! ret[this.children[i].id] = this.children[i]; ! temp = this.children[i].getAll(); ! for(var j in temp) ret[j] = temp[j]; ! } ! return ret ! }; ! p.getParents = function(l) { ! if (l==null) l = []; ! if (this.parent) { ! l[l.length] = this.parent; ! l = this.parent.getParents(l); ! } ! return l; ! }; ! p.isParentOf = function(c) { ! if (c) { ! var p = c.getParents(); ! for (var i=0;i<p.length;i++) { ! if (p[i]==this) return true; ! } ! } ! return false; ! }; ! p.isChildOf = function(p) { ! if (!p) return false; ! return p.isParentOf(this); ! }; ! // New onPreCreate() and onCreate() callback functions ! p.onCreate = function(fn){ ! if(!this._cfn){this._fn=0;this._cfn={};} ! var s='create'+this._fn++; ! this._cfn[s]='create'; ! this._hasCreateFn=true; ! this[s]=fn; ! }; ! p.onPreCreate = function(fn){ ! if(!this._cfn){this._fn=0;this._cfn={};} ! var s='precreate'+this._fn++; ! this._cfn[s]='precreate'; ! this._hasPCreateFn=true; ! this[s]=fn; ! }; ! p._flagCreateEvent = function(s){ ! for(var i in this._cfn){ ! if(this._cfn[i]==s) this[i](); ! }; ! }; ! ! p.updateAnchor = function() { ! this.parent._updateAnchor(this.id); ! }; ! p._updateAnchor = function(id) { ! if (!id) return; ! var dlyr = DynObject.all[id]; ! var a = this._childAnchors[id]; ! var tw = this.w; ! var th = this.h; ! if (tw==null && th==null) return; ! ! // anchoring/docking ! var fn=dynapi.functions; ! var padX=0,padY=0; ! if(a.topA) { ! anc=fn.getAnchorLocation(a.topA,this); ! if(anc){padY=anc.y; th=th-padY;} ! } ! if(a.leftA) { ! anc=(a.leftA==a.topA && anc)? anc:fn.getAnchorLocation(a.leftA,this); ! if(anc) {padX=anc.x; tw=tw-padX;} ! } ! if(a.bottomA) { ! anc=fn.getAnchorLocation(a.bottomA,this); ! th=th-(this.h-anc.y); ! } ! if(a.rightA) { ! anc=(a.bottomA==a.rightA && anc)? anc:fn.getAnchorLocation(a.rightA,this); ! if(anc) tw=tw-(this.w-anc.x); ! } ! ! var aleft=(tw>0 && a.left && typeof(a.left)=='string')? tw*(parseInt(a.left)/100):a.left; ! var aright=(tw>0 && a.right && typeof(a.right)=='string')? tw*(parseInt(a.right)/100):a.right; ! var atop=(th>0 && a.top && typeof(a.top)=='string')? th*(parseInt(a.top)/100):a.top; ! var abottom=(th>0 && a.bottom && typeof(a.bottom)=='string')? th*(parseInt(a.bottom)/100):a.bottom; ! var x = aleft; ! var y = atop; ! var w = null; ! var h = null; ! var dlyrWidth=dlyr.getWidth(); ! var dlyrHeight=dlyr.getHeight(); ! if (a.stretchH!=null) { ! if(typeof(a.stretchH)!='string') w=a.stretchH; ! else { ! if(a.stretchH=='*') w = tw - ((aleft!=null)? aleft:0); ! else w = tw*(parseInt(a.stretchH)/100); ! } ! dlyrWidth=w; ! } ! if (a.centerH!=null) { ! x = Math.ceil(tw/2 - dlyrWidth/2 + a.centerH); ! }else if (aright!=null) { ! if (aleft!=null) w = (tw - aright) - aleft; ! else x = (tw - dlyrWidth) - aright; ! if(tw<=0 && x<0) x=null; // ns4 needs x>=0 ! } ! if (a.stretchV!=null) { ! if(typeof(a.stretchV)!='string') h=a.stretchV; ! else { ! if(a.stretchV=='*') h = th - ((atop!=null)? atop:0); ! else h = th*(parseInt(a.stretchV)/100); ! } ! dlyrHeight=h; ! } ! if (a.centerV!=null) { ! y = Math.ceil(th/2 - dlyrHeight/2 + a.centerV); ! }else if (abottom!=null) { ! if (atop!=null) h = (th - abottom) - atop; ! else y = (th - dlyrHeight) - abottom; ! if(th<=0 && y<0) y=null; // ns4 needs y>=0 ! } ! if(padX) {x=(x)? x:0;x+=padX} ! if(padY) {y=(y)? y:0;y+=padY} ! if(x!=null||y!=null) dlyr.setLocation(x,y); ! if(w!=null||h!=null) dlyr.setSize(w,h); ! }; ! p._updateAnchors = function() { ! var tw = this.w; ! var th = this.h; ! if (tw==null && th==null) return; ! for (id in this._childAnchors) this._updateAnchor(id); ! }; ! ! ! // Bandwidth timer stop ! var ua=dynapi.ua; ua._bwe=new Date; ! ua.broadband=((ua._bwe-ua._bws)<=1500)? true:false; |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/examples In directory sc8-pr-cvs1:/tmp/cvs-serv12044/examples Modified Files: dynapi.fx.motionx.html dynapi.util.datasource-forms.html dynapi.util.datasource-paging.html dynapi.util.ioelement-soda-nsync.html dynapi.util.ioelement-soda-tester.html dynapi.util.ioelement-soda.html dynapi.util.ioelement-sync.html dynapi.util.ioelement-upload.html speedtest.dynlayer-basic.html Log Message: uploaded by raymond Index: dynapi.fx.motionx.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.fx.motionx.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** dynapi.fx.motionx.html 21 Feb 2003 12:23:43 -0000 1.2 --- dynapi.fx.motionx.html 9 Mar 2003 22:21:46 -0000 1.3 *************** *** 88,92 **** evn.onkeydown=function(e) { var me=DynObject.all['p'] - alert() if ((e.which==39||e.charKey=='6') && (me.x+me.w+20)<=595) { me.setLocation(me.x+20);return true --- 88,91 ---- Index: dynapi.util.datasource-forms.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.datasource-forms.html,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** dynapi.util.datasource-forms.html 10 Feb 2003 22:35:43 -0000 1.1.1.1 --- dynapi.util.datasource-forms.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 14,18 **** dynapi.library.include('DataSource'); dynapi.library.include('IOElement'); ! dynapi.library.include('IOElementSODA'); </script> <script language="Javascript"> --- 14,18 ---- dynapi.library.include('DataSource'); dynapi.library.include('IOElement'); ! dynapi.library.include('IOElementSoda'); </script> <script language="Javascript"> Index: dynapi.util.datasource-paging.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.datasource-paging.html,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** dynapi.util.datasource-paging.html 10 Feb 2003 22:35:44 -0000 1.1.1.1 --- dynapi.util.datasource-paging.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 13,17 **** dynapi.library.include('DataSource'); dynapi.library.include('IOElement'); ! dynapi.library.include('IOElementSODA'); </script> <script language="Javascript"> --- 13,17 ---- dynapi.library.include('DataSource'); dynapi.library.include('IOElement'); ! dynapi.library.include('IOElementSoda'); </script> <script language="Javascript"> Index: dynapi.util.ioelement-soda-nsync.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.ioelement-soda-nsync.html,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -r1.1 -r1.2 *** dynapi.util.ioelement-soda-nsync.html 25 Feb 2003 21:36:16 -0000 1.1 --- dynapi.util.ioelement-soda-nsync.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 8,12 **** dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSODA'); </script> </head> --- 8,12 ---- dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSoda'); </script> </head> Index: dynapi.util.ioelement-soda-tester.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.ioelement-soda-tester.html,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -r1.1 -r1.2 *** dynapi.util.ioelement-soda-tester.html 25 Feb 2003 21:36:17 -0000 1.1 --- dynapi.util.ioelement-soda-tester.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 8,12 **** dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSODA'); </script> <script language="Javascript"> --- 8,12 ---- dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSoda'); </script> <script language="Javascript"> Index: dynapi.util.ioelement-soda.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.ioelement-soda.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** dynapi.util.ioelement-soda.html 25 Feb 2003 21:38:14 -0000 1.2 --- dynapi.util.ioelement-soda.html 9 Mar 2003 22:21:46 -0000 1.3 *************** *** 9,14 **** dynapi.library.include('dynapi.functions'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSODA'); ! dynapi.library.include('dynapi.util.IOElementSYNC'); </script> <script language="javascript"> --- 9,14 ---- dynapi.library.include('dynapi.functions'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSoda'); ! dynapi.library.include('dynapi.util.IOElementSync'); </script> <script language="javascript"> Index: dynapi.util.ioelement-sync.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.ioelement-sync.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** dynapi.util.ioelement-sync.html 25 Feb 2003 21:38:15 -0000 1.2 --- dynapi.util.ioelement-sync.html 9 Mar 2003 22:21:46 -0000 1.3 *************** *** 8,13 **** dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSYNC'); ! dynapi.library.include('dynapi.util.IOElementSODA'); </script> </head> --- 8,13 ---- dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSync'); ! dynapi.library.include('dynapi.util.IOElementSoda'); </script> </head> Index: dynapi.util.ioelement-upload.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/dynapi.util.ioelement-upload.html,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -r1.2 -r1.3 *** dynapi.util.ioelement-upload.html 25 Feb 2003 21:38:15 -0000 1.2 --- dynapi.util.ioelement-upload.html 9 Mar 2003 22:21:46 -0000 1.3 *************** *** 7,11 **** dynapi.library.include('dynapi.api'); dynapi.library.include('IOElement'); ! dynapi.library.include('IOElementSODA'); </script> <script language="Javascript"> --- 7,11 ---- dynapi.library.include('dynapi.api'); dynapi.library.include('IOElement'); ! dynapi.library.include('IOElementSoda'); </script> <script language="Javascript"> Index: speedtest.dynlayer-basic.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/examples/speedtest.dynlayer-basic.html,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -r1.1 -r1.2 *** speedtest.dynlayer-basic.html 25 Feb 2003 21:36:18 -0000 1.1 --- speedtest.dynlayer-basic.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 5,10 **** <script language="Javascript"> dynapi.library.setPath('../src/'); - dynapi.library.include('dynapi.api'); dynapi.library.include('dynapi.library'); </script> <script> --- 5,10 ---- <script language="Javascript"> dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.library'); + dynapi.library.include('dynapi.api'); </script> <script> |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/src In directory sc8-pr-cvs1:/tmp/cvs-serv12044/src Modified Files: dynapi.js Log Message: uploaded by raymond Index: dynapi.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/dynapi.js,v retrieving revision 1.7 retrieving revision 1.8 diff -C2 -r1.7 -r1.8 *** dynapi.js 5 Mar 2003 04:36:16 -0000 1.7 --- dynapi.js 9 Mar 2003 22:21:46 -0000 1.8 *************** *** 7,11 **** function DynObject() { ! this.setID("DynObject"+DynObject._c++); }; var p = DynObject.prototype; --- 7,12 ---- function DynObject() { ! this.id = "DynObject"+DynObject._c++; ! DynObject.all[this.id] = this; }; var p = DynObject.prototype; *************** *** 23,27 **** p.toString = function() {return "DynObject.all."+this.id}; DynObject.all = []; ! DynObject._c = -1; DynObject.isClass = function(cn,n) { if (cn == n) return true; --- 24,28 ---- p.toString = function() {return "DynObject.all."+this.id}; DynObject.all = []; ! DynObject._c = 0; DynObject.isClass = function(cn,n) { if (cn == n) return true; *************** *** 140,144 **** var dynapi = new DynAPIObject(); ! dynapi.ximages={'__xCnTer__':0}; // Extensible Images p._imageGetHTML=function(){ t= '<img src="'+this.src+'"' --- 141,145 ---- var dynapi = new DynAPIObject(); ! dynapi.ximages={'__xCnTer__':0}; // eXtensible Images p._imageGetHTML=function(){ t= '<img src="'+this.src+'"' *************** *** 248,252 **** this.DynObject(); ! // list of js files: this.scripts['../src/dynapi/api/dynlayer.js'] = {dep, objects, pkg, fn}; this.scripts = {}; --- 249,253 ---- this.DynObject(); ! // list of js files: this.scripts['../src/api/dynlayer_ie.js'] = {dep, objects, pkg, fn}; this.scripts = {}; *************** *** 254,258 **** this.packages = {}; ! // list of object names: this.objects['DynLayer'] = this.scripts['../src/dynapi/api/dynlayer.js'] this.objects = {}; --- 255,259 ---- this.packages = {}; ! // list of object names: this.objects['DynLayer'] = this.scripts['../src/api/dynlayer_ie.js'] this.objects = {}; *************** *** 314,318 **** this.add('dynapi.api.ext.DynKeyEvent','dynkeyevent.js','DynLayer'); this.add('dynapi.api.ext.DynLayerInline','dynlayer.inline.js','DynLayer'); ! //this.add('dynapi.api.ext.TemplateDesigner','templatedesigner.js','DynLayer'); this.addPackage('dynapi.fx',p+'fx/'); --- 315,319 ---- this.add('dynapi.api.ext.DynKeyEvent','dynkeyevent.js','DynLayer'); this.add('dynapi.api.ext.DynLayerInline','dynlayer.inline.js','DynLayer'); ! this.add('dynapi.api.ext.TemplateDesigner','templatedesigner.js','DynLayer'); this.addPackage('dynapi.fx',p+'fx/'); *************** *** 323,327 **** this.add('dynapi.fx.CircleAnimation','circleanim.js',['Thread','dynapi.functions.Math']); this.add('dynapi.fx.HoverAnimation','hoveranim.js',['Thread','dynapi.functions.Math']); - //this.add('dynapi.fx.ImageAnimation','imganim.js','Thread'); this.add('dynapi.fx.Bezier','bezier.js','Thread'); this.add('dynapi.fx.TimerX','timerx.js','DynLayer'); --- 324,327 ---- *************** *** 331,344 **** this.addPackage('dynapi.gui',p+'gui/'); - //this.add('dynapi.gui.DynImage','dynimage.js','DynLayer'); this.add('dynapi.gui.Graphics','graphics.js','DynLayer'); this.add('dynapi.gui.LoadPanel','loadpanel.js','DynLayer'); this.add('dynapi.gui.GroupManager','groupmanager.js','DynLayer'); this.addPackage('dynapi.util',p+'util/'); this.add('dynapi.util.Cookie','cookie.js'); this.add('dynapi.util.IOElement','ioelement.js','DynLayer'); ! this.add('dynapi.util.IOElementSODA','ioelement.soda.js','IOElement'); ! this.add('dynapi.util.IOElementSYNC','ioelement.sync.js','IOElement'); this.add('dynapi.util.DataSource','datasource.js','IOElement'); }; --- 331,344 ---- this.addPackage('dynapi.gui',p+'gui/'); this.add('dynapi.gui.Graphics','graphics.js','DynLayer'); this.add('dynapi.gui.LoadPanel','loadpanel.js','DynLayer'); this.add('dynapi.gui.GroupManager','groupmanager.js','DynLayer'); + this.add('dynapi.gui.ImageClip','imageclip.js','DynLayer'); this.addPackage('dynapi.util',p+'util/'); this.add('dynapi.util.Cookie','cookie.js'); this.add('dynapi.util.IOElement','ioelement.js','DynLayer'); ! this.add('dynapi.util.IOElementSoda','ioelement.soda.js','IOElement'); ! this.add('dynapi.util.IOElementSync','ioelement.sync.js','IOElement'); this.add('dynapi.util.DataSource','datasource.js','IOElement'); }; |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/docs In directory sc8-pr-cvs1:/tmp/cvs-serv12044/docs Modified Files: changelog.html Log Message: uploaded by raymond Index: changelog.html =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/docs/changelog.html,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** changelog.html 10 Feb 2003 22:35:28 -0000 1.1.1.1 --- changelog.html 9 Mar 2003 22:21:46 -0000 1.2 *************** *** 203,207 **** </pre> ! <p>When it comes time to include the files in the page you can do it by calling dynapi.library.include('objectName') or dynapi.library.include('packageName.objectName') <pre> --- 203,207 ---- </pre> ! <p>When it comes time to include the files in the page you can do it by calling dynapi.library.include('objectName') or dynapi.library.include('packageName.objectName') <pre> *************** *** 230,234 **** dynapi.library.include('dynapi.library'); ! dynapi.library.include('dynapi.functions'); // includes all dynapi.functions dynapi.library.include('dynapi.functions.Color'); dynapi.library.include('dynapi.functions.Date'); --- 230,234 ---- dynapi.library.include('dynapi.library'); ! dynapi.library.include('dynapi.functions'); // includes all dynapi.functions dynapi.library.include('dynapi.functions.Color'); dynapi.library.include('dynapi.functions.Date'); *************** *** 269,274 **** dynapi.library.include('dynapi.util.DataSource'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSYNC'); // includes Sync functions ! dynapi.library.include('dynapi.util.IOElementSODA'); // includes SODA functions dynapi.library.include('dynapi.util.LoadPanel'); </pre> --- 269,274 ---- dynapi.library.include('dynapi.util.DataSource'); dynapi.library.include('dynapi.util.IOElement'); ! dynapi.library.include('dynapi.util.IOElementSync'); // includes Sync functions ! dynapi.library.include('dynapi.util.IOElementSoda'); // includes SODA functions dynapi.library.include('dynapi.util.LoadPanel'); </pre> *************** *** 331,338 **** var eventlistener = { onmousedown : function(e) { ! }, onmouseup : function(e) { ! } } --- 331,338 ---- var eventlistener = { onmousedown : function(e) { ! }, onmouseup : function(e) { ! } } *************** *** 349,353 **** this.DynLayer = DynLayer; this.Dynlayer(); ! this.pdlyr = new Dynlayer(); this.dlyr = this.pdlyr.addChild(new DynLayer()); --- 349,353 ---- this.DynLayer = DynLayer; this.Dynlayer(); ! this.pdlyr = new Dynlayer(); this.dlyr = this.pdlyr.addChild(new DynLayer()); *************** *** 370,379 **** this.DynLayer = DynLayer; this.Dynlayer(); ! this.pdlyr = new Dynlayer(); this.dlyr = this.pdlyr.addChild(new DynLayer()); ! var widget = this; ! var el = { oncreate : function(e) { --- 370,379 ---- this.DynLayer = DynLayer; this.Dynlayer(); ! this.pdlyr = new Dynlayer(); this.dlyr = this.pdlyr.addChild(new DynLayer()); ! var widget = this; ! var el = { oncreate : function(e) { *************** *** 481,487 **** this.DynLayer = DynLayer; this.DynLayer(); ! this.dlyr = new DynLayer('hi'); ! var el = { oncreate : function(e) { --- 481,487 ---- this.DynLayer = DynLayer; this.DynLayer(); ! this.dlyr = new DynLayer('hi'); ! var el = { oncreate : function(e) { *************** *** 650,654 **** B.setAnchor({leftA:'myAnchor',topA:'myAnchor'}) // position the layer at an anchor called myAnchor ! B.setAnchor({topA:'anc1',bottomA:'anc2'}) // stretches the layer between anchors anc1 and anc2 </pre> --- 650,654 ---- B.setAnchor({leftA:'myAnchor',topA:'myAnchor'}) // position the layer at an anchor called myAnchor ! B.setAnchor({topA:'anc1',bottomA:'anc2'}) // stretches the layer between anchors anc1 and anc2 </pre> |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/src/util In directory sc8-pr-cvs1:/tmp/cvs-serv12044/src/util Modified Files: ioelement.soda.js ioelement.sync.js Log Message: uploaded by raymond Index: ioelement.soda.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/util/ioelement.soda.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** ioelement.soda.js 10 Feb 2003 22:36:01 -0000 1.1.1.1 --- ioelement.soda.js 9 Mar 2003 22:21:47 -0000 1.2 *************** *** 8,12 **** */ ! IOElementSODA={}; // used by dynapi.library IOElement.SODA=true; --- 8,12 ---- */ ! IOElementSoda={}; // used by dynapi.library IOElement.SODA=true; Index: ioelement.sync.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/util/ioelement.sync.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** ioelement.sync.js 10 Feb 2003 22:36:01 -0000 1.1.1.1 --- ioelement.sync.js 9 Mar 2003 22:21:47 -0000 1.2 *************** *** 8,12 **** */ ! IOElementSYNC={} IOElement.SYNC=true; --- 8,12 ---- */ ! IOElementSync={} IOElement.SYNC=true; |
From: Raymond I. <xw...@us...> - 2003-03-09 22:21:56
|
Update of /cvsroot/dynapi/dynapi3x/src/ext In directory sc8-pr-cvs1:/tmp/cvs-serv12044/src/ext Modified Files: functions.color.js Log Message: uploaded by raymond Index: functions.color.js =================================================================== RCS file: /cvsroot/dynapi/dynapi3x/src/ext/functions.color.js,v retrieving revision 1.1.1.1 retrieving revision 1.2 diff -C2 -r1.1.1.1 -r1.2 *** functions.color.js 10 Feb 2003 22:35:56 -0000 1.1.1.1 --- functions.color.js 9 Mar 2003 22:21:47 -0000 1.2 *************** *** 64,65 **** --- 64,95 ---- } }; + f.fadeColor = function(from, to, percent){ + if(!from || !to) return; + if(percent<0) return from; + else if(percent>100) to; + + if(from.substring(0,1)!='#') from='#'+from; + if(to.substring(0,1)!='#') to='#'+to; + + from = { + red:parseInt(from.substring(1,3),16), + green:parseInt(from.substring(3,5),16), + blue:parseInt(from.substring(5,7),16) + } + + to = { + red:parseInt(to.substring(1,3),16), + green:parseInt(to.substring(3,5),16), + blue:parseInt(to.substring(5,7),16) + } + + var r=from.red+Math.round((percent/100)*(to.red-from.red)); + var g=from.green+Math.round((percent/100)*(to.green-from.green)); + var b=from.blue+Math.round((percent/100)*(to.blue-from.blue)); + + r = (r < 16 ? '0' : '') + r.toString(16); + g = (g < 16 ? '0' : '') + g.toString(16); + b = (b < 16 ? '0' : '') + b.toString(16); + + return '#' + r + g + b; + }; |
From: Raymond I. <xw...@us...> - 2003-03-09 22:20:05
|
Update of /cvsroot/dynapi/dynapi3x/examples In directory sc8-pr-cvs1:/tmp/cvs-serv11257/examples Added Files: demo.slideshow.html dynapi.functions.fadecolor.htm dynapi.gui.imageclip.htm Log Message: added by raymond --- NEW FILE --- <html> <head> <title>DynAPI Examples - Slide Show</title> <script language="Javascript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/') dynapi.library.include('dynapi.api') dynapi.library.include('ImageClip'); </script> <script language="Javascript"> projector = new ImageClip({x:200,y:100,w:32,h:32,cols:5,rows:1,speed:400}); projector.addImage(dynapi.functions.getImage('images/file.gif')); projector.addImage(dynapi.functions.getImage('images/eicon1.gif')); projector.addImage(dynapi.functions.getImage('images/eicon3.gif')); projector.addImage(dynapi.functions.getImage('images/calc.gif')); projector.addImage(dynapi.functions.getImage('images/eicon2.gif')); dynapi.document.addChild(projector); var slide=1; </script> </head> <body> <p><font face="Arial" size="4">ImageClip Slide Show</font></p> <a href="javascript:projector.playAnimation(false,'1>5');">Show Slides >></a><br> <a href="javascript:projector.playAnimation(false,'1<5');"> << Show Slides</a><br><br> <a href="javascript:projector.playAnimation(false,'1<3,5,2,1,4,2,4');"> Mixed Slides</a><br><br> <a href="javascript:slide++;if(slide>5) slide=5;projector.setFrame(slide);"> Next Slide ></a><br> <a href="javascript:slide--;if(slide<1) slide=1;projector.setFrame(slide);"> < Previous Slide</a> <script> dynapi.document.insertAllChildren(); </script> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples- Fade Color</title> <script language="JavaScript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/'); dynapi.library.include('dynapi.api'); dynapi.library.include('Color'); </script> <script language="Javascript"> var inc=0; var lastColor='#FFCC00'; var newColor='#000000'; var lyr = new DynLayer(null,100,100,200,200,lastColor); dynapi.document.addChild(lyr) dynapi.document.addChild(new DynLayer(null,10,50,20,20),'lyrFrom') dynapi.document.addChild(new DynLayer(null,35,50,20,20),'lyrTo') function fadeLyr(){ inc+=5; var c=dynapi.functions.fadeColor(lastColor,newColor,inc) if(inc<100) window.setTimeout('fadeLyr()',50); else inc=0; lyr.setBgColor(c); }; function start(){ lastColor=lyr.getBgColor(); newColor=dynapi.functions.getRandomColor(); dynapi.document.lyrFrom.setBgColor(lastColor); dynapi.document.lyrTo.setBgColor(newColor); fadeLyr(); } </script> </head> <body> <a href="javascript:start()">Fade Layer Color</a> </body> </html> --- NEW FILE --- <html> <head> <title>DynAPI Examples - ImageClip</title> <script language="Javascript" src="../src/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('../src/') dynapi.library.include('dynapi.api') dynapi.library.include('dynapi.fx.MotionX') dynapi.library.include('dynapi.fx.TimerX'); dynapi.library.include('ImageClip'); </script> <script language="Javascript"> var img1 = dynapi.functions.getImage('images/penguin_red.gif'); var img2 = dynapi.functions.getImage('images/penguin_blue.gif'); vp=new DynLayer(null,10,65,500,300,'#FFFFFF'); vp._overflow = 'hidden'; redpenguin= new ImageClip({x:100,y:100,w:64,h:64,clipImage:img1,cols:11,rows:2,speed:150}); bluepenguin= new ImageClip({x:400,y:200,w:64,h:64,clipImage:img2,cols:11,rows:2,speed:150}); tree=new DynLayer(null,150,60,207,214) tree.setHTML('<img src="images/tree.gif">') evn= { ontimer : function(e){ // timer event var me,xx=0,yy=0; me=e.getSource(); xx=Math.random()*430; yy=Math.random()*200; me.lpengx=me.x; me.lpengy=me.y; me.pengx=xx; me.pengy=yy; me.slideTo(xx,yy,null,50); }, onmove : function(e){ var me=e.getSource(); var fn=0,col=0 if (me.pengx<=me.x) {col=0}else{col=2} fn=me.fm if (fn==1){fn=2}else{fn=1} me.setFrame(fn+col); me.fm=fn if (me.pengx==me.x && me.pengy==me.y) { if (Math.floor(Math.random()*10)==5) { me.playAnimation(false,'17>18,17<18,17>18,22') }else if (Math.floor(Math.random()*10)==3) { me.playAnimation(false,'21>22,21<22,21>22') }else { me.setFrame(22) } } } } redpenguin.addEventListener(evn); bluepenguin.addEventListener(evn); redpenguin.startTimer(2000); bluepenguin.startTimer(1500); vp.addChild(redpenguin); vp.addChild(bluepenguin); vp.addChild(tree); dynapi.document.addChild(vp); </script> </head> <body> <p><font face="Arial" size="4">ImageClip Widget</font></p> <script> dynapi.document.insertAllChildren(); </script> </body> </html> |
From: Raymond I. <xw...@us...> - 2003-03-09 22:20:04
|
Update of /cvsroot/dynapi/dynapi3x/examples/images In directory sc8-pr-cvs1:/tmp/cvs-serv11257/examples/images Added Files: penguin_blue.gif penguin_red.gif tree.gif Log Message: added by raymond --- NEW FILE --- GIF89aÀ ë6OöÍ×äØt+Sß¶ü»W/Ð<aÔ +²ÏR¿ cfþh©;¥'&®nÄ%tdµ:KÁQJìÏÖåÖåØÙ@ÏV4Cìm+Ìb¸Þ8:s·{O>Ñôâ·;Â?ØÊû/¿¾ýCÆï;¢?êþÿøHàº!Üøòæ\ÐTÿâUZ³ahÊxfJQ åwùEçà´F;Éa·5 * ÙÅUW¦sâ?v( {e>Jmþ¹g²v÷fYåG[¶öJê]ð é|ר» ×´´G,ʸSçi¤¯ú«ì-ìQég´ÿR|ãµÞðZ(æª=ÚÀîF+q¦Ùf\i;àaëIò !Á2½ëõkË._DØ"Åë7Ð36»3Á×ô·Î ÖÒ(kGlÂYçÝu[×\ÕÎjÙTO¾P;«æ> í´ÚZÅÖ×#1«3Ö?(áiø½àC}V>iäÄå^åã0jt¶ÐV£PÿãIªë+Ëùû )v©(])Ör§nyuRVʰ!^©J¼Mix4tû§¬¹|²¥³ÁÆ.4DïýÍÕö¥ÀïÚíÍ¿*²÷nhÓê>¤ôΦaka4·F¡hεÌê>n$öHoÙÏCuÞfG'þ£ä¹L$®dW/=ýIaϣ㠵õÍ)a^ÏÜæÊ¯Ú¡z6{é9äx6>6Ô¨4aó`õô±h ðê ¼;& U aúZ²ÀRe{ÜÑÞÏxÁ¥EÍISv¬1!1bS©ä°D+lH|Ѻÿh6*,N¯V8£ x@Mc;\ÁÇDø:#ã{ÒdX]°yg4¡¶²Ò kQÄã¿|6µAñuaÐCÐ$3 d)eDNÔÇ1½5 @ìN÷ÿÅ#¨é°$²7 ±B´ !eðMs¤âD9A¾è% ñðñ»#ÌH4¯ÂÍ®õOKè¨\¿Ø¨{ÊQ¨·Â¢ÔÍ\*é¹ õÔc[°ÛTÖÄ¢ toÝÑPiQcuòå,ËEÎaµH[NAF¾Ä¡tÞCÓÕQ¦3®P%ãüÊÐ-ú¨]m£`»:|-6P¾È§aÅTª=¶bE)I=&3æ±q8ý©hÃÁÆG¬RL#ë*½¿~k%Æqõ9ò¢b±z¡û8Ír^ÜeáT×6KÏf]hÃOÿ=BX TÎVשã¬RfvØú¤G·6[zÆÃÚ\zÕ°ä}e¹¹Þ±Üm¼®üéLÔȼ¡ob©[HÇÄÜÚ¥_cÒñuwVøB'ÁükÝ>UsßLo¡i?f^@^i[WûáPbT¥øj7yÉ6?6S -6ß3EjS{BDµ»)S?ºÀ÷Å þñ ¿tW+®øÈ[84îĪÌ.lÜÓ5r¢ ½g6©Ùηåµm5DåyÞ£~_/¡¼UpF MëÎ&Ð÷v¨ÛÕÇKcºr]0ªë°½RÕbÅîyLZ9»µoÓ ñÉÉ=² -¥çb&t{:$kXÿÍòcI°ÖcïØ*H!;±ÊV¨ïÞÇ9³µHÆ&¢½)íurú í°VviGÇÐjÒ¨]J¿VÝHT¥ØîS%LI/ ëÛßýC9 XûÆkTaP8öf¦rýö~ñeÔCbGjïx_¨Mnªt^ÌeÜ@¦3d¤nWSÏ&/G4rÅ7öò Er¦Æs5Füg$ pvwJ7ýq §vÁWk}['9YX%©TêÆV·ÿØnïÄo¸Hw'è>~b7!çR )é@W_(p ÷8C¹øGo^rvlÇMÞSAmVCáKv¶tr'ßoP©!Ï·ÇWÊÀ$ªxy¼w:ÕVQG~`9wdXmOFq¨DF÷ôG7©kó]by4W©w5 ]sY¿6ÉBèB'ò·q9sÓ6Ã[°4³£%A¤%ø96xñ'~º)H@ßöS¶]7/½3Zu|Ãg%'bVzÍxÁ èU¤-aX©vØ]n(X©u)@ÕµUyÿ'mWEN¥ìØ}V@T©fruó[¹~' µæXI×ÔHf&3xUujñq)£IúxØg9YÊÙ&º3§IÒ }ªG3-j|¾ô¹?p=ãÙ]t2è©erW`Á©T˳]Ç|/hI>*3 ·¶@Hl Ûç/êt¯¥Òè þ8_FÚ;ÈMF GØXª \©g ßu¤[z¥EZ.wʧA¨§v {ÒR§:o ¨ôu¤qjr()¨;o }h`pÚ©Sÿú¦j]c£ij9¨©Vöq~ꪳj1"«$ê ©Óø|x«fh"ú6ÇÚª(<妼Õ}Ë ¹J«®q9ÁªHù¯øÉj¡®R8xI~6ò6ù§×@*d$®x¬×*Zê¬Ë(¡õª;1F,ê7ÚzÁçz¯æÙ¬ñX6¦ejñÊb¹§®Þê&:± ¢» B¬ø«`#§|ÞIb£Ë¼º°øê®~´¯=W±çsöêwÅ ³tsö*«3Û~YjÃ&Æ)f÷èJ¡:ù}ª²Bÿ˳ȴ³ñò6{êòvz¸JB¯ö度½èií±»@oç`Ѯȣ¸¡ßk¹Ô´ß*SAʶ"°O+¶§cmáésÖÖhзSK£ÂH$k38'º²dëíè¯p[wm<e·$É]Ö¸©É}jWPTà(k+©·eRl¢¸/9y EåA? Ë"º¼ùÛ{ïÛPL'FGÙ9:À5míãQÛ]r³ÀàÖÀ³¤£è °É B9g.| náÛQ·Á¿ ªøÆ¼'Ç&Àö¾ ú¥¥å¿NéPÄ¡"Å96IOj'ܸéj(p,gÅ»>ko6vlZµù¥)K¡<{57¢bbv¹qb:w5¤I»þ³bĹvÿ|Ç^[·@:zêh}EÊ2e G6§»ô¡<&xÈFÆFIvt<úXÆ"7ê°>(JµÀÀ֨ǥÙ(2gË'úÊasUÓVUË)µ{ÉEÔxÀ,Æm9B¬môvHYªþ·Ù¼È»ÌûºÏ|ª±Ò@ìÍë¶¹tø»µlÏù¿>ë²F²´,ÃçeÒ ¯â Îú{ÜL|¯Òw¹iZ7k÷Ѧ©Ï%FÐù¼ùͳÜ~ÌÌqÛìËmGow¢º¤ Lz'pz½WUíxl®3®ö¢¯éÊÏÅzë9ÉXíy¥ÔÏøS¢´\wÆÁ,Õ+JÓWMC vþ©Ó% 5ʲï ÁìÐrªÃÅhY£ê¯.û*xËSM×5-Ñ#Ï9 ¹MÆí×D5+ÁÉǽL¥ÐÖ×j%·ÙÚ ]©ÉHͯAY¾-jÕw}¼Ã¼ Z½ÓÍÚ9[ÙúEKgízuÔ¶)Ü{Ô½[ÍÃKHË| °¸ÍÎ÷Q-¢«#Ýók9! }º$}ÛÉeiÝ¡ÜÕ¿½aÒÖÿmÎÝ¢ýs:a½ì[Ê:´ìÝ{Ûù½£pIÒÊû¨¬J©ÒàkÀ6êGl¾Ômà¥9uÚ»WgøÈبuÿ-Þ°]ÛÃúuö}¿µA`[¥m»6=FéLáôÚܨ}X¬NLLGû£ú1Ô.Ù0ñ`HÇ/^þÞ-¾àî½äê{©ÔYúÑ &Éqâà8º£j·W5åíKª¤}Ìäm¥K~¾í¥ÊL§ c_Â}Ù M·ùãÓÂsúééf¾Ü¢ºÐq~¨b^äý%ÓÝÆ´WXèj¼ëÈú¼h©cNé.7îÿñ导¸è^ Jå#ª£¾éyÑð,èxι³ÞÍOå»$ê^çÿUê¡Z驾°PîëÓúÚì¿îêÇÎë§Ë¹Þépê»ÎèrZ©Á~íÕΨÔîѦ³îíJí²ÁWnãÆº± È⮲£ )¯è¾îÁ®iýJ°µJî»:Æò>ô~n ðî»$ß»é´#ÞïùÞîàê¸åÞÛ¶ï?ਸ਼'ìG·¨ðç¹ðÐñ©ØÚ\¶=}ÿ°ê®¯%=òï;Lòò1æoÛäD²ÿ4ñÛÝó½â ¿ñ#?ð`½ð5¯´®¡ ÿ~·Yì¼ [áö.£ ;¸õØ6[´2ÅMÙzÐ_+ôøNÖs{~>¶÷í˼P·¿RꬱõÅþÖnðhÍpÇ]Îé9ʵô_ògkí)Xôö/¯¦-'ѨìC$ýó÷Øn/ó¥-4åÖöl¸ñ;YO]¯÷9bº©lîï³oîeÍÜ>·ã&£øÄÃãîø½áµå÷¤ É˺AËÆ®ùÀ¶³Oº÷ÂKö ÿê%tú`.Î8ô|>ýÂ|±÷©Âcß÷í»´`öÇNL»ÓÆ2ºÿE®ÜèÞ¸õ¯ùx*?÷Ôÿ"½ßô=ÜoÒPýW uÕ0ÕÆÕÚ°×ZöµTûÖCq;r)¨Õ»Wº'ÆÓ Ü<«æ ¸"mºÂbçXyg!þé rÍÕ¹Y>¾îsìjt²ô¡<ÿÆ ùt/Ç´ù²w8^ô¹ÿÁ!@v©ÎÈÊC+ÏE4èl4pÁOÄ`"QÄ©Fª«V,eHp?9âðÒ~!¢°è³ÃGÁJÍÑpãÁ"Kå5Ô\ÈL7j uU-¿à»D¦ÐW/< UÙu¦ÂlôJåá-ѦT?ÎU%G´nmw6)Ä«»« ãZ[×(mvfÝÀx Óyµd¡:À2xaÖjÌÈS9%:xê\©ºÄ=®qËSKoúýô´ìØ:}GÓwk£îs7¡»ã»1± âÁóO`/I¯ÐÚôrÔöÞy%Ç8°LN7`ÍÍÑè¶#7ÿ*#mËÙ¶?H>ñ \! ×Ð}_LÕC×±·^Î<¨ceàdzãiÃíD *S öµS Ü;õâÇ&»`$ÓC è¤À%¸ãäÎVAİ\Þ'ö9¯mù\ Ï0o~¨;[îNÂÊÏ|Ô!AåA!ÃvØ5¦(q>$ º¨Ä¹ÁzKâ>JE³pY2$`øBÑiîNäaãÃñç##}WÃWi0Ôa×Ç: Ñí1`½Çtܱ|[l#úøsF*²qø³!ºîÈHEòGâÝhÉ8ª¨)4¬ --- NEW FILE --- GIF89aÀ ë6OöÍ×äØt+Sß¶ü»W/Ð<aÔ +²ÏR¿ df.}h©;¥'&jnÄ%td MKÁQJì$\Í:Ë%±³=hØÛVޱtæn#ÿN¾|"ê;Æs5<Hw°÷)¾ýûãwd?Ôÿþá#MèpKTf ] ól.[ w¾#¼ªî¿ìFȰ¸Q¼Ïþ[°o× üs£ f»BªT\:±e«q¥2++Ç>|ñ´"µr¯*üòE¸,X[3B+#ÓëAeEO»ós²Ê\õv*|uÖb×5{óýía«gvyúN-ûÔF¶=ÓkèRîÝÌȲ<£D? ©Ó|ìVó d9« dÆÔ©Mc:¼ÊÆg]ÐèÓ>A*/¡-ÁÖÑøÿ%¹(n'¯&%-å®¶³Ú@9ÔíÖD;ÌɶlJÁ(Ö£-%böݪױlo|iÛùbµµÊÔ%Y|I5D*uyìï,wyXî5ÕÉïOÿ»Þ®þ7¨Vð34¸6ÒÂ0çWÚ<¥°(¥ð§aD|5 ×@GNòÖÅ(%@»9"¦ÆbjzYü^à>JÇÆõ+\=søÆw0òápXÍþ¤ÏÈ#Ui¦h7ÕM³Æï´¢EÈVAYµR®çGY(bôùH@Ö§Úª¼¾ta<59úæÓÔ-ã§OÖ5~Ê*±öe947ÿ,<}O@ánùj¸ç(y×?FJ³% ÏDÝGû*ά*4((>F¸acë$ñºyÆ.Õ=t.vü7õa÷¥(UM½$6Õסnå«X»Ber U˾v®¤óIáFÁz$Cþ,¼¶VºÐÆ:õ1òBìÇX?ûgpR)RRØqZ¨ýâ¬9½`ø2¿`¾È«Qö6CûÍXÏM9LwÕ`!lç²Ø¶j>okG7×BÉ«lD¤ j±Tü{¯2O9æ`U2¨Sß<÷íºâÑûËÑnuåE2ã.;Mº3:±T.ÖÿF¥Ïɪq1Vp³UO_f ÔÛÚ7zs?ëÊê/O©Ó«Vt.á8/ºÄo°TQu³²A¤)(²õ»¤£óÒßL5ê®6¥@X«óuÚSÇyÉæð¦vð}¶¾²ïz¿_Úçöº+ðN¯ Í@Ë?Aâý.¤òB.üϨ[]í"þ7=?b½ kýç.ÚÓ&ÚÖú/f]×8Úò_ärÞÝÓ5hïll/Y½wlno¬\äV×7xº(/}ΫB^ÜM½Àa Êt`zÎ×éi#di2¥&Êa2byèõ|#ÈZýh@By)È97ê¨ ÂØ¡Êé(M©¬ÉGØ×c8ªT É¥o$JÍe&T¤*Êx]¹É}|S9LøÁ¡æUIªÉN·WrÉ ¸¦7õu_kH Ch`¥Ù hH¦[j§éé¥Û(SVºX=¨¦tÚnªB'¥QIoQÈ Ða§z§Ù¤ºïÉ x©}s: ³h©ÿZ£PG:]ª©hMã_g(«x«sB«ªb>*¯Êzx«_¡¾:«ÃÚªif® Çê«W'Îz!ÀÁjéhxe©H¬È X £ÜTå¨òy Lj®¬¨fÙº0ø)®ÞºPÒ¢þ:ê Ûê^MøcÅú §¹p£jZ*¼¼¨6yâ¬ÐÄó¦Ñ¶,¸T¾hYÙµÕ¼È#úY¼elÏ9Uÿ¸Pedky ¡¥¿IZ½ËmÄd n1*HûÊ«áë±D£ªè6*RyVæÐùQKÚÈké{*['»If- $ìw!z°ûݦußv¿áÆÂº5L7B;w4ùmîf?Ó2FóF¨Þc¼H´¾ê[¸ü#ô6M dC:»?²»¬!ã9E¹kQK° (³Õ¨¨ydY¬Rò%Ä= oK3XX©Ä-ço¦WçT(µò[C¼zÜÇtðpFK£§ÀCY;³ÃztfÈú·¤¨0)*ÇA·ì{&ÿÌL¹K @ÊÇWîrob¢$b¦R,Ë\Yt§ú "´pçÇd8µê§\|µ93Ê7ÚRõ×t¶l£-ƽiAÞk#Üs¬ÄËÚÖü¿¡úʼÍ<¼ø ËLÍó ÞÍÀå,v:¶ÈÓÏ:lÎá,¶¥DqÖÂ7q§;¿¯Zxè¦|4XGÈó)ÎÒ)Í^'¾W˱¸´Ì^WÈDÞLÆâ9¹ØéA½lB@;ÐÄûy¹<ÏOÉ¥ê§Ò|ýÑbê۵[Ñ·\=BɤiÓÉÑp¬ÐÑÿÉpUÒÿIwN +ÐÒÐ{¦·¦å³CKÃí Í-ÝÚÓz¹Â)ÔKÓqæÏº\¹µzMý¬, ¡ñ(÷ÕYõ ÏBfÛíím¾»ôõºF]¯ØÌÞ°ÄÓ¶!¾Ø4Þô=³£ö%¾£¬¸uÿɲ©ß»üÜøØÐøÎ8HÐGÒh½)ãÕmÜÙHæãÞtôSt·æ ÷RkÁ¬² íHÖÁÀ¸³ë/ùyo&{?æ«XÊrõ=)l$ÌïõÊÿ£s»Å22üâû¯&"´¯wßA9¸}+û¬Mñ_ñTù2¼uÈ lï²Ttkå·æ¶éäz»0èîÈÁ¶ ýª++ð&¯©ô>1ؽᢠ'8½ªhg¾ïrß[¥Âs*r*/f§Öéïu»ìS$ Ûß ¶º8RÇ}}ó"£[2Ìt)¡f§mQSñÎ ;}/Ô½äÜõ¨}.ÐW{pòÅ%¤fÉÙö¾M¿êqÁ¸|5#ð[5^µööC}Ó_ÿG¼÷±g~=ÎÒúp«w#µT»-XpD÷èÍ,'Îz[<EæBÇêNPN5\£©ê5¬ëãÙV^â+i¹àYÿ¸fk§}´ñFá¾\¿L;2¾¯føþÕÑ[j<~¿xîÆ4×vïèÓ·)»çÿ.iåKZüíÉËeþ 6Ð{`ºà壺úÅ$räÜõ·¹ð©Csì_ÜJh½Î.DXW¸RÝDayÈÂιP=iT¤àa¨Ë%*à5ÑÊ«!×7¾µíPna«@2TlÎñ×ÃòeQ?$cu¶n%±:ñÝ·F'&P@ÄbøÄ2ºÑ}¼ãÙ¦¨Ç%¾ñ\$ XÇýá°¬ÖåiÅ*9BL$§À."bDØ GùIQJ²ä&ûÉWâD¥àj¹ÊRjò¸,¢%YÈ1é%~$¥+K --- NEW FILE --- GIF89aÏ ßéÒrSYTÅ#Á©AXÒ&¿âU-ÌSN&¸!ÂnLÌ <,K b{FÔÇ¡ÕÀ~ü³èª÷תá«[¤A.¡§;EÃ$¾ªlEsÉAê7,kãCËX· ¶ýèÆ³\~d lQÈPµÿAQñ ©#¸Ê`ÊÖ¡Ô¬ÜHâqñêö¤ºø%y£¢^ªP ¦få»ÝáiDzðò½á ñ%)DSH2 k¤¤µIFmQ0ÒGcYF2Ø"scPòE+m²kÅô± :cèÕ ÉKy%_ÚH°Ap`DÏÈ×h7´×+= Râ.IÕX³öQÁh§dlìÀV8I÷i¢J9£d).te jíH'|Þ5ü³O;ÂåÜ3ü<ϯê%ÌçWðxæ> Jo²¡ëñç?!jßüÿ¢Íbç¸0* Uà+%»Â8Z®q+iA%P Ô ºëbÑeQyã>s© W¤UÓ,T\aªj]³!½ÎmLFU®VÆÈpº¹²ìÕ¬yYÖgùq%ZuëÈó1¸R' 2ySÝ.ÀynH}·ÃÙp[c¡°ãfé§( osöç¸ì_× Öö:P "FÈ3)^i"+(<!5TÅî<©XN«å¶½ë¯U / ÝÀÑuz0|é=oï(Õ_Þw9hè@DYÊ8("4' XÈ;E; ,/ãé÷ÿÂG¡&XÆ.õØçísÐÝoߨ¼í [îãbÃkÿ¤rÄÜÊI2¥\ß1h\Û&Å)'¹öÚ¼Ó£V9Ô¨oÃäÔì¦JïéHj`læÒÇ3ÒKó!¡W_^?NO3 ~7qúªGzå%ñ½õUùº1Y¸ ,«Å´Öõ4¬cÝv q$äÄbW*zÓySº$ïGÒ~UÝüI15ÈZ1¼Ï$O7 a"è°7¸ÇgÐðEÒXzsÁ_¤C>;ÿTQã±98gv¤äJj$~x ÄÎvÍd*o7l@æwþ Ô³ÚtF×-(ÅN%³jh0xx:ÈñÂ_Q~(MÕKù7ofeåíbzáYëtÿè¤x%Q©ØL²xYe0ðBMÓtt0p |
From: Raymond I. <xw...@us...> - 2003-03-09 22:20:04
|
Update of /cvsroot/dynapi/dynapi3x/src/gui In directory sc8-pr-cvs1:/tmp/cvs-serv11257/src/gui Added Files: imageclip.js Log Message: added by raymond --- NEW FILE --- /* DynAPI Distribution ImageClip Widget Class by Raymond Irving (xw...@ya...) The DynAPI Distribution is distributed under the terms of the GNU LGPL license. requires: DynLayer */ function ImageClip(clipImage,x,y,w,h,color,cols,rows,speed) { if (clipImage && clipImage.constructor==Object){ var args=clipImage; // dictionary input clipImage = args.clipImage; x = args.x; y = args.y; w = args.w; h = args.h; color = args.color; cols = args.cols; rows = args.rows; speed = args.speed; } this.DynLayer=DynLayer; this.DynLayer(null,x,y,w,h,color); this._overflow='hidden'; // to be replaced with setOverFlow() this.cols=(cols||0); this.rows=(rows||0); this.speed=(speed||100); this.playing==false; this.internalLoop=false; // create child layer for image this.addChild(new DynLayer(null,0,0,this.w*this.cols,this.h*this.rows),'lyrCanvas'); this.setClipImage(clipImage,cols,rows); this.addEventListener(ImageClip.events); }; var p = dynapi.setPrototype('ImageClip','DynLayer'); p.addImage = function(img,col,row) { if(!img) return; if(!this._imgFrames) this._imgFrames = ['']; index = ((col*row)>=0)? col*row:this._imgFrames.length; this._imgFrames[index] = img; if(!this._clipImage && index==1) this.setFrame(1); }; p.getFrame = function(){ return this._frame; }; p.setClipImage=function(clipImage,cols,rows){ if(!clipImage) return; this._clipImage=clipImage; clipImage = (clipImage.getHTML)? clipImage.getHTML():'<img height='+this.lyrCanvas.h+' width='+this.lyrCanvas.w+' border=0 src="'+((clipimage.src)? clipimage.src:clipimage)+'">'; this.setupFrames(cols,rows); this.lyrCanvas.setHTML(clipImage); }; p.setupFrames=function(cols,rows){ this.cols=cols||this.cols; this.rows=rows||this.rows; this.lyrCanvas.setSize(this.w*this.cols,this.h*this.rows); }; p.setSpeed=function(sp){ this.speed=(sp||this.speed); }; p.setFrame=function(fn){ var img,imgs = this._imgFrames if (isNaN(fn)==true) return; var icol=Math.floor((fn-1)/this.rows); var irow=((fn-1)-(icol*this.rows)); if (fn<=(this.cols*this.rows) && fn>0){ this._frame=fn; img=(imgs && imgs[fn])? imgs[fn]:null; if(img){ img=(img.getHTML)? img.getHTML():'<img height='+this.lyrCanvas.h+' width='+this.lyrCanvas.w+' border=0 src="'+((img.src)? img.src:img)+'">'; this.lyrCanvas.setHTML(img); this.lyrCanvas.setLocation(0,0); } else { icol=icol*-1; irow=irow*-1; this.lyrCanvas.setLocation(this.w*icol,this.h*irow); } this.invokeEvent("framechange"); } }; p.setFrameMartix=function(col,row){ this.setFrame(col*row); }; p.playAnimation=function(loop,sequence){ if (this.playing==true) return; if (this.internalLoop!=true) { if(!sequence) sequence = '1>'+this.cols; this.aniseq=sequence.split(','); this.doloop=loop; } this.ls=0; this.internalLoop=false; this.playing=true; this.timerSEQ=0; this.playSEQ(); this.invokeEvent("frameplay"); }; p.stopAnimation=function(){ if (this.timerSEQ>=0) window.clearTimeout(this.timerSEQ); this.playing=false; this.invokeEvent("framestop"); }; p.nextSEQ=function() { if (this.playing==false) return; this.ls++; if (this.ls<this.aniseq.length) { this.playSEQ(); }else{ this.playing=false if (this.doloop) { this.internalLoop=true; this.playAnimation(); } } }; p.playSEQ=function(inx) { var st,ar,sq; if (this.playing==false) return; sq=this.aniseq[this.ls]; //forward st=sq.indexOf('>'); if (st>0) { ar=sq.split(">"); if (inx!=null) inx++; else inx=parseInt(ar[0]); this.setFrame(inx); if (inx>parseInt(ar[1])){ this.nextSEQ(); return; }else{ this.timerSEQ=window.setTimeout(this+'.playSEQ('+inx+')',this.speed) return; } } //reverse st=sq.indexOf("<"); if (st>0) { ar=sq.split("<"); if (inx!=null) inx--; else inx=parseInt(ar[1]); this.setFrame(inx); if (inx<=parseInt(ar[0])){ this.nextSEQ(); return; }else{ this.timerSEQ=window.setTimeout(this+'.playSEQ('+inx+')',this.speed) return; } } // sleep st=sq.indexOf("p"); if (st==0) { sq=sq.replace("p",""); this.timerSEQ=window.setTimeout(this+'.nextSEQ();',parseInt(sq)); return; } // display single frame if (isNaN(sq)==false) { if ((sq)>0) this.setFrame(sq); this.timerSEQ=window.setTimeout(this+'.nextSEQ();',this.speed); } }; |