Re: [Dynapi-Dev] NS6 events and contentWH

[Richard B. <ma...@ri...>]

Hi,
I tested it a little, and found that events do not work for inline layers in
NS6

Cheers,
Richard Bennett

ma...@ri...
www.richardinfo.com
(Everything running on, and ported to the 19/12/2000 snapshot of DynAPI2)

----- Original Message -----
From: "labCoat" <la...@xe...>
To: <dyn...@li...>
Sent: Tuesday, January 23, 2001 9:12 AM
Subject: [Dynapi-Dev] NS6 events and contentWH


> Hello all!
>
> I recently revised the latest (CVS) version of events.js, and have events
working properly in IE5, IE55, NS4, and NS6 (I don't have IE4, but I am
almost positive that it will work in it).
>
> It would be great if anyone would like to plug this into their version of
the API and take it for a test drive! (Also, I would appriciate any
feedback!)
>
> Now, I made A LOT of modifications/optimizations, and I haven't commented
everything, so please don't get angry for the lack of comments... ;-)
>
> Here goes...
>
> <!--//
>
> /*
>    DynAPI Distribution
>    Event Classes
>    Modified: 2001.01.23
>
>    The DynAPI Distribution is distributed under the terms of the GNU LGPL
license.
> */
>
> /*----------------------------------------------------------------------
> -- CLASS:       DynEvent
> -- ARGUMENTS:   type,src,target
> -- METHODS:     getType(), getSource(), getTarget()
> ----------------------------------------------------------------------*/
> DynEvent=function(type,src,target) {
>     this.type=type;
>     this.src=src;
>     this.target=target;
> };
> DynEvent.prototype.getType=function() {
>     return this.type;
> };
> DynEvent.prototype.getSource=function() {
>     return this.src;
> };
> DynEvent.prototype.getTarget=function() {
>     return this.target;
> };
>
>
> /*----------------------------------------------------------------------
> -- CLASS:       EventListener
> -- ARGUMENTS:   target
> -- METHODS:     handleEvent()
> ----------------------------------------------------------------------*/
> EventListener=function(target) {
>     this.target=target;
> }
> EventListener.prototype.handleEvent=function(type,e) {
> if ((e.button==2 || e.button==3) && (type=='mousedown' || type=='mouseup'
|| type=='click' || type=='dblclick')) {
> if (e.button==2) type='md'+type;
> if (e.button==3) type='rt'+type;
>         e.type=type; //ADDED:proteanman
> }
>     if (this["on"+type]) {
>         if (is.ns5) {
>             var mse=(type.match(/mouse/) || type.match(/click/));
>             if (!mse || (!isNaN(e.eventPhase) && ((e.src.isDynLayer &&
(e.eventPhase==1 || e.eventPhase==2)) || (e.src.isDynDocument &&
e.eventPhase==3)))) this["on"+type](e);
>         } else this["on"+type](e);
>     }
> };
>
> /*----------------------------------------------------------------------
> -- CLASS:       MouseEvent
> -- ARGUMENTS:   none
> -- METHODS:     getType(), getSource(), getTarget(), setEvent(),
>                 bubbleEvent(), getX(), getY(), getPageX(), getPageY(),
>                 setBubble(), cancelBrowserEvent()
> ----------------------------------------------------------------------*/
> MouseEvent=function() {};
> MouseEvent.prototype.getType=function() {
>     return this.type;
> };
> MouseEvent.prototype.getSource=function() {
>     return this.src;
> };
> MouseEvent.prototype.getTarget=function() {
>     return this.target;
> };
> MouseEvent.prototype.setEvent=function(src,e) {
>     this.orig=e;
>     this.browserReturn=true;
>     this.bubble=true;
>     this.src=src;
>     this.type=e.type;
>
>     if (is.ie) {
>         //Set event's mouse's x/y & pageX/pageY coords
>         this.pageX=e.x+document.body.scrollLeft;
>         this.pageY=e.y+document.body.scrollTop;
>         this.x=e.offsetX;
>         this.y=e.offsetY;
>
>         //Set event mouse button
>         var b=e.button;
>         if (b==2) b=3;
>         else if (b==4) b=2;
>         this.button=b;
>
>         //Set mouse event's modifiers
>         this.altKey=(e.altKey || e.altLeft);
>         this.ctrlKey=(e.ctrlKey || e.ctrlLeft);
>         this.shiftKey=(e.shiftKey || e.shiftLeft);
>     } else {
>         //ADDED: proteanman -- adds events eventphase property for ns5
>         if (is.ns5) this.eventPhase=e.eventPhase;
>
>         //Set event's mouse's x/y & pageX/pageY coords
>         this.pageX=e.pageX-window.pageXOffset;
>         this.pageY=e.pageY-window.pageYOffset;
>         this.x=e.layerX;
>         this.y=e.layerY;
>
>         //Set event mouse button
>         this.button=e.which;
>
>         //Set mouse event's modifiers
>         var m=e.modifiers;
>         this.altKey=(m==1 || m==3 || m==5 || m==7);
>         this.ctrlKey=(m==2 || m==3 || m==6 || m==7);
>         this.shiftKey=(m==4 || m==5 || m==6 || m==7);
>     }
> };
> MouseEvent.prototype.bubbleEvent=function() {
>     if (!this.bubble || this.src.isDynDocument || this.src.parent==null)
return;
>     this.x+=this.src.x;
>     this.y+=this.src.y;
>     this.src=this.src.parent;
>     this.src.invokeEvent(this.type,this);
>     this.bubbleEvent();
>     return;
> };
> MouseEvent.prototype.getX=function() {
>     return this.x;
> };
> MouseEvent.prototype.getY=function() {
>     return this.y;
> };
> MouseEvent.prototype.getPageX=function() {
>     return this.pageX;
> };
> MouseEvent.prototype.getPageY=function() {
>     return this.pageY;
> };
> MouseEvent.prototype.setBubble=function(b) {
>     this.bubble=b;
> };
> MouseEvent.prototype.cancelBrowserEvent=function(b) {
>     this.browserReturn=false;
> };
>
> /*----------------------------------------------------------------------
> -- DynLayer Event Methods
> ----------------------------------------------------------------------*/
> DynLayer.prototype.captureMouseEvents=function() {
>     if (this.isDynDocument && this.mouseEventsCaptured) return;
>     this.mouseEventsCaptured=true;
>
>     if (!this.eventListeners) this.eventListeners=[];
>     this.hasEventListeners=true;
>
>     if (this.isDynLayer && (!this.created || !this.elm)) return;
>
>     var o=(this.isDynDocument)?this.doc:this.elm;
>
>     if (is.ns4) {
>         if (this.isDynLayer) o.captureEvents(Event.MOUSEOVER |
Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP | Event.CLICK |
Event.DBLCLICK | Event.MOUSEOUT);
>         else if (this.isDynDocument) o.captureEvents(Event.MOUSEMOVE |
Event.MOUSEDOWN | Event.MOUSEUP | Event.CLICK | Event.DBLCLICK);
>     } else if (is.ie) {
>         o.oncontextmenu=function() {
>             return false;
>         };
>     }
>
>     if (is.ns5) {
>         if (this.isDynLayer) {
>             //true (bubble phase - from src to window): eventPhase = 1 to
2
>
o.addEventListener("mouseover",DynLayer.prototype.EventMethod,true);
>
o.addEventListener("mousemove",DynLayer.prototype.EventMethod,true);
>
o.addEventListener("mousedown",DynLayer.prototype.EventMethod,true);
>
o.addEventListener("mouseup",DynLayer.prototype.EventMethod,true);
>
o.addEventListener("click",DynLayer.prototype.EventMethod,true);
>
o.addEventListener("dblclick",DynLayer.prototype.EventMethod,true);
>
o.addEventListener("mouseout",DynLayer.prototype.EventMethod,true);
>         } else if (this.isDynDocument) {
>             //false (capture phase - from window to src): eventPhase = 3
>
o.addEventListener("mousemove",DynDocument.prototype.EventMethod,false);
>
o.addEventListener("mousedown",DynDocument.prototype.EventMethod,false);
>
o.addEventListener("mouseup",DynDocument.prototype.EventMethod,false);
>
o.addEventListener("click",DynDocument.prototype.EventMethod,false);
>
o.addEventListener("dblclick",DynDocument.prototype.EventMethod,false);
>         }
>     } else {
>         if (this.isDynLayer)
o.onmouseover=o.onmousemove=o.onmousedown=o.onmouseup=o.onclick=o.ondblclick
=o.onmouseout=DynLayer.prototype.EventMethod;
>         else if (this.isDynDocument)
o.onmousemove=o.onmousedown=o.onmouseup=o.onclick=o.ondblclick=DynDocument.p
rototype.EventMethod;
>     }
> };
> DynLayer.prototype.releaseMouseEvents=function() {
>     this.mouseEventsCaptured=false;
>     if (this.isDynLayer) {
>         var o=this.elm;
>
o.onmouseover=o.onmousemove=o.onmousedown=o.onmouseup=o.onclick=o.ondblclick
=o.onmouseout=function(e) {
>             return false;
>         };
>     } else if (this.isDynDocument) {
>         var o=this.doc;
>
o.onmousemove=o.onmousedown=o.onmouseup=o.onclick=o.ondblclick=function(e) {
>             return false;
>         };
>     }
> };
> DynLayer.prototype.EventMethod=function(e) {
>     var dyndoc=this.lyrobj.dyndoc;
>     if (is.ie) {
>         var e=dyndoc.elm.event;
>         e.cancelBubble=true;
>         if (e.type=="click" && DynAPI.wasDragging) {
>             DynAPI.wasDragging=false;
>             return true;
>         }
>         if ((e.type=="mouseout" && this.contains(e.toElement)) ||
(e.type=="mouseover" && this.contains(e.fromElement))) return true;
>     }
>
>     var
realsrc=(is.ie)?e.srcElement:(is.ns5)?e.currentTarget:e.target;//var
realsrc=(is.ie)?e.srcElement:e.target;
>
>     if (is.ie) while (!realsrc.lyrobj && realsrc.parentElement &&
realsrc.parentElement!=realsrc) realsrc=realsrc.parentElement;//for (; is.ie
&& !realsrc.lyrobj && realsrc.parentElement &&
realsrc.parentElement!=realsrc; realsrc=realsrc.parentElement);
>     else if (is.ns5) while (!realsrc.lyrobj && realsrc.parentNode &&
realsrc.parentNode!=realsrc) realsrc=realsrc.parentNode;
>
>     var src=realsrc.lyrobj||dyndoc;
>     if (!src) return true;
>     var evt=dyndoc._e;
>     evt.setEvent(src,e);
>     var type=evt.type;
>     src.invokeEvent(type,evt);
>
>     if (!this.isDynDocument && is.ns && (e.type=="mouseover" ||
e.type=="mouseout")) return false;
>
>     evt.bubbleEvent();
>
>     //returns false after double-click, so that the click event doesn't
happen again (it happens before) after the double-click -- works all but ns5
>     if (type.match(/dblclick/)) return false;
>
>     //checks for mousedown so that clicks will get fired in ns4
>     else if (is.ns4 && evt.button!=3 && type.match(/mousedown/)) return
true;
>
>     //checks if there is a right-mousedown(ns4) || right-mouseup(ns5) and
prevents the right-mouse menu from popping up
>     else if ((is.ns4 && evt.button==3 && type.match(/mousedown/)) ||
(is.ns5 && evt.button==3 && type.match(/mouseup/))) return false;
>     else return evt.browserReturn;
> };
> DynLayer.prototype.addEventListener=function(listener) {
> if (!this.hasEventListeners) this.captureMouseEvents();
> for (var i in this.eventListeners) {
>         if (this.eventListeners[i]==listener) return;
>     }
> this.eventListeners[this.eventListeners.length]=listener;
> };
> DynLayer.prototype.removeEventListener=function(listener) {
>     DynAPI.removeFromArray(this.eventListeners, listener, false);
> };
> DynLayer.prototype.removeAllEventListeners=function() {
>     if (!this.hasEventListeners) return;
> for (var i in this.eventListeners) delete this.eventListeners[i];
> this.eventListeners=[];
> this.hasEventListeners=false;
> };
> DynLayer.prototype.invokeEvent=function(type,e) {
> if (!this.hasEventListeners) return;
>
>     if (is.ie && this.isDynLayer && ((type=='mouseover' &&
this.elm.contains(e.orig.fromElement)) || (type=='mouseout' &&
this.elm.contains(e.orig.toElement)))) return;
>
>     var orig=null;
> if (is.ns && e) {
> orig=e.orig;
> e.cancelBubble=false;
>     }
> if (is.ns4 && is.platform=='other' && type.match(/mousedown/)) {
>         if (this.dbltimer!=null) {
>             type="dblclick";
>             if (e) e.type=type;
>         } else this.dbltimer=setTimeout(this+'.dbltimer=null',300);
> }
>     for (var i=0; i<this.eventListeners.length; i++) {
>         if (e) e.target=this.eventListeners[i].target;
> else {
> e=new DynEvent(type,this);
> e.target=this.eventListeners[i].target;
>     if (is.ns) e.cancelBubble=false;
> }
>         this.eventListeners[i].handleEvent(type,e);
> }
>
>     if (is.ns && ((this.isDynLayer && e) || (this.isDynDocument && (e ||
i!=0)))) {
> if (e.cancelBubble) return;
>         if (orig && orig.target.handleEvent) {
>             if (this.isDynLayer && orig.target!=this.elm)
orig.target.handleEvent(type,orig);
>             else if (this.isDynDocument && !orig.target.URL)
orig.target.handleEvent(orig);
>         }
>     }
> if (is.ns4 && is.platform=='other' && type=='mouseup')
this.invokeEvent('click',e);
>     if (this.isDynLayer && this.parentComponent) {
>         if (e) e.src=this.parentComponent;
>         else e=new DynEvent(type,this);
>         this.parentComponent.invokeEvent(type,e);
>     }
> };
>
> /*----------------------------------------------------------------------
> -- DynDocument Event Methods
> ----------------------------------------------------------------------*/
> DynDocument.prototype._e=new MouseEvent();
>
DynDocument.prototype.captureMouseEvents=DynLayer.prototype.captureMouseEven
ts;
>
DynDocument.prototype.releaseMouseEvents=DynLayer.prototype.releaseMouseEven
ts;
> DynDocument.prototype.EventMethod=DynLayer.prototype.EventMethod;
>
DynDocument.prototype.addEventListener=DynLayer.prototype.addEventListener;
>
DynDocument.prototype.removeEventListener=DynLayer.prototype.removeEventList
ener;
>
DynDocument.prototype.removeAllEventListeners=DynLayer.prototype.removeAllEv
entListeners;
> DynDocument.prototype.invokeEvent=DynLayer.prototype.invokeEvent;
>
> //-->
>
> I have also made A LOT of modifications to dynlayer.js, which fixes some
of the existing problems, including tge contentW/H (specifically in NS4 and
NS6, in the createElement). But it is still undergoing evtensive testing.
>
> I need to set up CVS on my computer, so that I can make these updates
soon.
>
> --proteanman
>
> On Mon, 22 January 2001, ni...@pr... wrote:
>
> >
> > I tried your patch and still doubleclick on ns 6 doesn't work
> > ciao
> > Y
> > On Mon, 22 January 2001, no...@so... wrote:
> >
> > >
> > > Patch #103359 has been updated.
> > >
> > > Project: dynapi
> > > Category: DynAPI-Event
> > > Status: Open
> > > Submitted by: camhart
> > > Assigned to : nobody
> > > Summary: NS6 event fixes
> > >
> > > Follow-Ups:
> > >
> > > Date: 2001-Jan-22 19:55
> > > By: nobody
> > >
> > > Comment:
> > > Tested and working
> > > Richard Bennett
> > > -------------------------------------------------------
> > >
> > > -------------------------------------------------------
> > > For more info, visit:
> > >
> > >
http://sourceforge.net/patch/?func=detailpatch&patch_id=103359&group_id=5757
> > >
> > > _______________________________________________
> > > Dynapi-Dev mailing list
> > > Dyn...@li...
> > > http://lists.sourceforge.net/lists/listinfo/dynapi-dev
> >
> >
> >
> > _______________________________________________
> > Dynapi-Dev mailing list
> > Dyn...@li...
> > http://lists.sourceforge.net/lists/listinfo/dynapi-dev
>
> _______________________________________________
> Dynapi-Dev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-dev
> ____________________________________________________________
> Get your free domain name and domain-based e-mail from
> Namezero.com. New!  Namezero Plus domains now available.
> Find out more at: http://www.namezero.com
>