Author: jmorliaguet Date: Tue Mar 7 16:12:59 2006 New Revision: 2555 Modified: cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/data2.txt Log:
- added an option to the tooltip widget to make it follow mouse moves Modified: cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js ============================================================================== --- cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js (original) +++ cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js Tue Mar 7 16:12:59 2006 @@ -2004,6 +2004,7 @@ this.showEvent = this.showEvent.bindAsEventListener(this); this.hideEvent = this.hideEvent.bindAsEventListener(this); + this.moveEvent = this.moveEvent.bindAsEventListener(this); Event.observe(this.area || document, "mouseover", this.showEvent); Event.observe(this.area || document, "mouseout", this.hideEvent); }, @@ -2033,13 +2034,27 @@ this.mouseY = Event.pointerY(e); this.selected = selected; + if (this.def.widget.follow) { + Event.observe(this.area || document, "mousemove", this.moveEvent); + } + this.show(); }, + moveEvent: function(e) { + var mouseX = Event.pointerX(e); + var mouseY = Event.pointerY(e); + CPSSkins.Canvas.moveTo(this.widget, mouseX+10, mouseY+10); + }, + hideEvent: function(e) { var selected = Event.element(e); if (selected != this.selected) return; + if (this.def.widget.follow) { + Event.stopObserving(this.area || document, "mousemove", this.moveEvent); + } + this.hide(); } Modified: cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/data2.txt ============================================================================== --- cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/data2.txt (original) +++ cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/data2.txt Tue Mar 7 16:12:59 2006 @@ -1,15 +1,15 @@ {"id": "tooltip", "widget": { - "type": "tooltip" + "type": "tooltip", + "follow": true }, - "controllers": ["show-hide-tooltip"], - "show_effect": { - "transition": "fadein" + "transition": "fadein", + "delay": 30 }, - "hide_effect": { - "transition": "fadeout" + "transition": "fadeout", + "delay": 500 }} -- http://lists.nuxeo.com/mailman/listinfo/z3lab-checkins