mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-08-14 10:28:31 +02:00
Addition of some javascript files, for functionalities explained earlier.
This commit is contained in:
viniciuscb
214
phpgwapi/js/dynapi/api/mouse_ns4.js
Normal file
214
phpgwapi/js/dynapi/api/mouse_ns4.js
Normal file
@ -0,0 +1,214 @@
|
||||
/*
|
||||
DynAPI Distribution
|
||||
MouseEvent Class
|
||||
The DynAPI Distribution is distributed under the terms of the GNU LGPL license.
|
||||
|
||||
requires: dynapi.api.DynDocument
|
||||
*/
|
||||
function MouseEvent(dyndoc) {
|
||||
this.DynEvent = DynEvent;
|
||||
this.DynEvent();
|
||||
this.bubble = true;
|
||||
this._browserEvent = null;
|
||||
this._relative = null;
|
||||
this._dyndoc = dyndoc;
|
||||
};
|
||||
var p = dynapi.setPrototype('MouseEvent','DynEvent');
|
||||
p.getX = function() {return this.x};
|
||||
p.getY = function() {return this.y};
|
||||
p.getPageX = function() {return this.pageX};
|
||||
p.getPageY = function() {return this.pageY};
|
||||
//p.trapMouseUp = dynapi.functions.Null;
|
||||
p.getRelative = function() {return this._relative};
|
||||
p.getButton = function() {
|
||||
if (!this._browserEvent) return "left";
|
||||
var b = this._browserEvent.which;
|
||||
if (b==2) return "middle";
|
||||
if (b==3) return "right";
|
||||
else return "left";
|
||||
};
|
||||
p._init = function(type,e,src) {
|
||||
this.type = type;
|
||||
this._browserEvent = e;
|
||||
this.origin = src;
|
||||
this.bubbleChild = null;
|
||||
this.pageX = e.pageX-this._dyndoc.frame.pageXOffset;
|
||||
this.pageY = e.pageY-this._dyndoc.frame.pageYOffset;
|
||||
if (e.target._dynobj == src) {
|
||||
this.x = e.layerX;
|
||||
this.y = e.layerY;
|
||||
}
|
||||
else {
|
||||
this.x = e.pageX - (src.pageX||0);
|
||||
this.y = e.pageY - (src.pageY||0);
|
||||
}
|
||||
this.defaultValue = true;
|
||||
this.bubble = true;
|
||||
};
|
||||
p._invoke = function() {
|
||||
var o = this.origin;
|
||||
o.invokeEvent(this.type,this);
|
||||
// synthetic click event
|
||||
if (this.type=='mouseup') {
|
||||
this._init('click',this._browserEvent,o);
|
||||
this._invoke();
|
||||
|
||||
// synthetic dblclick event
|
||||
if (dynapi.ua.other);
|
||||
}
|
||||
};
|
||||
function main() {
|
||||
dynapi.document._mouseEvent = new MouseEvent(dynapi.document);
|
||||
};
|
||||
if (!dynapi.loaded) main();
|
||||
MouseEvent._docMoveHandler = function(e) {
|
||||
var dyndoc = this._dynobj;
|
||||
var src = e.target;
|
||||
var dynobj = src._dynobj || src._dynobji;
|
||||
|
||||
if (!dynobj || !dynobj._hasMouseEvents) {
|
||||
var rel=dyndoc._moveOver;
|
||||
if(rel && dynobj && !dynobj.isChildOf(rel)) {
|
||||
var me = dyndoc._mouseEvent;
|
||||
me._init('mouseout',e,rel);
|
||||
me._invoke();
|
||||
dyndoc._moveOver = null;
|
||||
}
|
||||
if(dynobj){
|
||||
dynobj=dynobj.parent;
|
||||
while (dynobj && !dynobj._hasMouseEvents){
|
||||
dynobj=dynobj.parent;
|
||||
}
|
||||
}
|
||||
if(!dynobj) return true;
|
||||
}
|
||||
|
||||
var me = dyndoc._mouseEvent;
|
||||
//dynapi.debug.status('move '+dynobj.name+' '+e.layerX+' '+e.layerY);
|
||||
me._init('mousemove',e,dynobj);
|
||||
me._invoke();
|
||||
var defaultVal = me.defaultValue;
|
||||
|
||||
// synthetic mouseover/out events
|
||||
if (dyndoc._moveOver!=dynobj) {
|
||||
var rel = dyndoc._moveOver;
|
||||
//var bubble = true;
|
||||
// mouse out
|
||||
if (rel && !dynobj.isChildOf(rel)) { // && !rel.isChildOf(dynobj)
|
||||
// during mouseout e.getRelated() is which elm it is moving to
|
||||
//bubble = !dynobj.isChildOf(rel);
|
||||
me._init('mouseout',e,rel);
|
||||
//prevent bubbling from child to parent for mouseout
|
||||
if (rel.isChildOf(dynobj)) me.bubble=false;
|
||||
me._relative = dynobj;
|
||||
me._invoke();
|
||||
//MouseEvent._generateEvent('mouseout',e,me,rel,dynobj,bubble); // out occurs before over
|
||||
}
|
||||
// mouse over
|
||||
dyndoc._moveOver = dynobj;
|
||||
//if (rel) var bubble = !rel.isChildOf(dynobj);
|
||||
//var bubble = !dynobj.isChildOf(rel);
|
||||
// during mouseover e.getRelated() is which elm it is moving to
|
||||
if(!rel || !rel.isChildOf(dynobj)){
|
||||
me._init('mouseover',e,dynobj);
|
||||
//prevent bubbling from child to parent for mouseover
|
||||
if(dynobj.isChildOf(rel)) me.bubble=false;
|
||||
me._relative = rel;
|
||||
me._invoke();
|
||||
}
|
||||
//MouseEvent._generateEvent('mouseover',e,me,dynobj,rel);
|
||||
}
|
||||
// prevent image dragging
|
||||
if (e.type=="mousemove" && (e.target+'')=='[object Image]') {
|
||||
me.defaultValue = defaultVal = false;
|
||||
}
|
||||
|
||||
return defaultVal;
|
||||
};
|
||||
MouseEvent._eventHandler = function(e) {
|
||||
var src = e.target;
|
||||
var dynobj = this._dynobj;
|
||||
if (!dynobj) return true;
|
||||
|
||||
var dyndoc = dynobj._dyndoc;
|
||||
var me = dyndoc._mouseEvent;
|
||||
me._wasHandled = false;
|
||||
var r = routeEvent(e);
|
||||
if (!me._wasHandled) {
|
||||
//if (src._dynobji) { // src._dynobji == dynlayer.doc.images[x]._dynobji
|
||||
// me._init(e.type,e,src._dynobji);
|
||||
// if (e.type=='mousedown') me.defaultValue = false;
|
||||
// me._invoke();
|
||||
//}
|
||||
// else
|
||||
if (src._dynobj) { // src._dynobj == dynlayer.doc._dynobj,dynlayer.doc.images[x]._dynobj,dynlayer.doc.links[x]._dynobj
|
||||
me._init(e.type,e,src._dynobj);
|
||||
me._invoke();
|
||||
}
|
||||
else { // dynobj == dynlayer.elm._dynobj
|
||||
me._init(e.type,e,dynobj);
|
||||
me._invoke();
|
||||
}
|
||||
me._wasHandled = true;
|
||||
}
|
||||
dynobj = (src._dynobj)? src._dynobj:dynobj;
|
||||
if (e.type=='mousedown'){
|
||||
// disable text select
|
||||
if(dynobj._textSelectable==false) {
|
||||
// ns4 will disable hyperlinks. this is my workaround
|
||||
me.defaultValue =(e.target.href)? null:false;
|
||||
}
|
||||
|
||||
// allow images (<input type="image">) to be clicked
|
||||
if ((e.target+'')=='[object Image]') {
|
||||
me.defaultValue = true;
|
||||
}
|
||||
|
||||
// allow form elements to be selected
|
||||
var t = (e.target.type+'').toLowerCase();
|
||||
if (t=='button'||t=='checkbox'||t=='radio') {
|
||||
me.defaultValue=true;
|
||||
}
|
||||
}
|
||||
|
||||
return me.defaultValue;
|
||||
};
|
||||
DynElement.prototype.disableContextMenu = function(){
|
||||
this._noContextMenu = true;
|
||||
// can this be done in ns?
|
||||
};
|
||||
DynElement.prototype.captureMouseEvents = function() {
|
||||
this._hasMouseEvents = true;
|
||||
var elm = this.elm;
|
||||
if (elm) {
|
||||
elm.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.DBLCLICK);
|
||||
elm.onmousedown = elm.onmouseup = elm.ondblclick = MouseEvent._eventHandler;
|
||||
|
||||
if (this.getClassName()=='DynDocument') { // move/over/out events are generated from the document
|
||||
this.doc.captureEvents(Event.MOUSEMOVE);
|
||||
elm.onmousemove = MouseEvent._docMoveHandler;
|
||||
}
|
||||
elm._dynobj = this;
|
||||
this.doc._dynobj = this;
|
||||
if(this._blkBoardElm) this.elm.document._dynobj = this;
|
||||
for (var i=0;i<this.doc.images.length;i++) this.doc.images[i]._dynobj=this; // was _dynobji
|
||||
for (var i=0;i<this.doc.links.length;i++) this.doc.links[i]._dynobj=this;
|
||||
}
|
||||
};
|
||||
DynElement.prototype.releaseMouseEvents = function() {
|
||||
this._hasMouseEvents = false;
|
||||
var elm = this.elm;
|
||||
if (elm) {
|
||||
elm.releaseEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.DBLCLICK);
|
||||
elm.onmousedown = elm.onmouseup = elm.ondblclick = null;
|
||||
|
||||
if (this.getClassName()=='DynDocument') {
|
||||
elm.releaseEvents(Event.MOUSEMOVE);
|
||||
elm.onmousemove = null;
|
||||
}
|
||||
elm._dynobj = null;
|
||||
this.doc._dynobj = null;
|
||||
for (var i=0;i<this.doc.images.length;i++) this.doc.images[i]._dynobji=null;
|
||||
for (var i=0;i<this.doc.links.length;i++) this.doc.links[i]._dynobj=null;
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user