diff options
author | AlexKlimenkov <shurick.klimenkov@gmail.com> | 2014-06-10 20:50:30 +0300 |
---|---|---|
committer | AlexKlimenkov <shurick.klimenkov@gmail.com> | 2014-06-10 20:50:30 +0300 |
commit | b5a0589955460a44c5428c4cb5429fcfce265d23 (patch) | |
tree | 87db58400a3e036de646fb630cbb358beeac3bc1 /sources/ext/dhtmlxscheduler_tooltip.js | |
parent | e2aaaef8540fabd0b5200a4959c269d6f1ae352e (diff) | |
download | scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.zip scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.tar.gz scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.tar.bz2 |
[update] version 4.1.0
Diffstat (limited to 'sources/ext/dhtmlxscheduler_tooltip.js')
-rw-r--r-- | sources/ext/dhtmlxscheduler_tooltip.js | 193 |
1 files changed, 0 insertions, 193 deletions
diff --git a/sources/ext/dhtmlxscheduler_tooltip.js b/sources/ext/dhtmlxscheduler_tooltip.js deleted file mode 100644 index 318139c..0000000 --- a/sources/ext/dhtmlxscheduler_tooltip.js +++ /dev/null @@ -1,193 +0,0 @@ -/* -This software is allowed to use under GPL or you need to obtain Commercial or Enterise License -to use it in non-GPL project. Please contact sales@dhtmlx.com for details -*/ -window.dhtmlXTooltip = scheduler.dhtmlXTooltip = window.dhtmlxTooltip = {}; - -dhtmlXTooltip.config = { - className: 'dhtmlXTooltip tooltip', - timeout_to_display: 50, - timeout_to_hide: 50, - delta_x: 15, - delta_y: -20 -}; - -dhtmlXTooltip.tooltip = document.createElement('div'); -dhtmlXTooltip.tooltip.className = dhtmlXTooltip.config.className; - -dhtmlXTooltip.show = function(event, text) { //browser event, text to display - if (scheduler.config.touch && !scheduler.config.touch_tooltip) return; - - var dhxTooltip = dhtmlXTooltip; - var tooltip_div = this.tooltip; - var tooltip_div_style = tooltip_div.style; - dhxTooltip.tooltip.className = dhxTooltip.config.className; - var pos = this.position(event); - - var target = event.target || event.srcElement; - // if we are over tooltip -- do nothing, just return (so tooltip won't move) - if (this.isTooltip(target)) { - return; - } - - var actual_x = pos.x + (dhxTooltip.config.delta_x || 0); - var actual_y = pos.y - (dhxTooltip.config.delta_y || 0); - - tooltip_div_style.visibility = "hidden"; - - if (tooltip_div_style.removeAttribute) { - tooltip_div_style.removeAttribute("right"); - tooltip_div_style.removeAttribute("bottom"); - } else { - tooltip_div_style.removeProperty("right"); - tooltip_div_style.removeProperty("bottom"); - } - - tooltip_div_style.left = "0"; - tooltip_div_style.top = "0"; - - this.tooltip.innerHTML = text; - document.body.appendChild(this.tooltip); - - var tooltip_width = this.tooltip.offsetWidth; - var tooltip_height = this.tooltip.offsetHeight; - - if ((document.body.offsetWidth - actual_x - tooltip_width) < 0) { // tooltip is out of the right page bound - if(tooltip_div_style.removeAttribute) - tooltip_div_style.removeAttribute("left"); - else - tooltip_div_style.removeProperty("left"); - tooltip_div_style.right = (document.body.offsetWidth - actual_x + 2 * (dhxTooltip.config.delta_x||0)) + "px"; - } else { - if (actual_x < 0) { - // tooltips is out of the left page bound - tooltip_div_style.left = (pos.x + Math.abs(dhxTooltip.config.delta_x||0)) + "px"; - } else { - // normal situation - tooltip_div_style.left = actual_x + "px"; - } - } - - if ((document.body.offsetHeight - actual_y - tooltip_height) < 0) { // tooltip is below bottom of the page - if(tooltip_div_style.removeAttribute) - tooltip_div_style.removeAttribute("top"); - else - tooltip_div_style.removeProperty("top"); - tooltip_div_style.bottom = (document.body.offsetHeight - actual_y - 2 * (dhxTooltip.config.delta_y||0)) + "px"; - } else { - if (actual_y < 0) { - // tooltip is higher then top of the page - tooltip_div_style.top = (pos.y + Math.abs(dhxTooltip.config.delta_y||0)) + "px"; - } else { - // normal situation - tooltip_div_style.top = actual_y + "px"; - } - } - - tooltip_div_style.visibility = "visible"; - - scheduler.callEvent("onTooltipDisplayed", [this.tooltip, this.tooltip.event_id]); -}; -dhtmlXTooltip._clearTimeout = function(){ - if(this.tooltip._timeout_id) { - window.clearTimeout(this.tooltip._timeout_id); - } -}; - -dhtmlXTooltip.hide = function() { - if (this.tooltip.parentNode) { - var event_id = this.tooltip.event_id; - this.tooltip.event_id = null; - this.tooltip.parentNode.removeChild(this.tooltip); - scheduler.callEvent("onAfterTooltip", [event_id]); - } - this._clearTimeout(); -}; -dhtmlXTooltip.delay = function(method, object, params, delay) { - this._clearTimeout(); - this.tooltip._timeout_id = setTimeout(function() { - var ret = method.apply(object, params); - method = object = params = null; - return ret; - }, delay || this.config.timeout_to_display); -}; - -dhtmlXTooltip.isTooltip = function(node) { - var res = false; - if (node.className.split(" ")[0] == "dhtmlXTooltip") { - //debugger; - } - while (node && !res) { - res = (node.className == this.tooltip.className); - node = node.parentNode; - } - return res; -}; - -dhtmlXTooltip.position = function(ev) { - ev = ev || window.event; - if (ev.pageX || ev.pageY) //FF, KHTML - return {x:ev.pageX, y:ev.pageY}; - //IE - var d = ((window._isIE) && (document.compatMode != "BackCompat")) ? document.documentElement : document.body; - return { - x:ev.clientX + d.scrollLeft - d.clientLeft, - y:ev.clientY + d.scrollTop - d.clientTop - }; -}; - -scheduler.attachEvent("onMouseMove", function(event_id, e) { // (scheduler event_id, browser event) - var ev = window.event || e; - var target = ev.target || ev.srcElement; - var dhxTooltip = dhtmlXTooltip; - - var is_tooltip = dhxTooltip.isTooltip(target); - var is_tooltip_target = (dhxTooltip.isTooltipTarget && dhxTooltip.isTooltipTarget(target)); - - // if we are over event or tooltip or custom target for tooltip - if (event_id || is_tooltip || is_tooltip_target) { - var text; - - if (event_id || dhxTooltip.tooltip.event_id) { - var event = scheduler.getEvent(event_id) || scheduler.getEvent(dhxTooltip.tooltip.event_id); - if (!event) - return; - - dhxTooltip.tooltip.event_id = event.id; - text = scheduler.templates.tooltip_text(event.start_date, event.end_date, event); - if (!text) - return dhxTooltip.hide(); - } - if (is_tooltip_target) { - text = ""; - } - - var evt = undefined; - if (_isIE) { - //make a copy of event, will be used in timed call - evt = document.createEventObject(ev); - } - - if (!scheduler.callEvent("onBeforeTooltip", [event_id]) || !text) - return; - - dhxTooltip.delay(dhxTooltip.show, dhxTooltip, [(evt || ev), text]); // showing tooltip - } else { - dhxTooltip.delay(dhxTooltip.hide, dhxTooltip, [], dhxTooltip.config.timeout_to_hide); - } -}); -scheduler.attachEvent("onBeforeDrag", function() { - dhtmlXTooltip.hide(); - return true; -}); -scheduler.attachEvent("onEventDeleted", function() { - dhtmlXTooltip.hide(); - return true; -}); - -/* Could be redifined */ -scheduler.templates.tooltip_date_format = scheduler.date.date_to_str("%Y-%m-%d %H:%i"); - -scheduler.templates.tooltip_text = function(start, end, event) { - return "<b>Event:</b> " + event.text + "<br/><b>Start date:</b> " + scheduler.templates.tooltip_date_format(start) + "<br/><b>End date:</b> " + scheduler.templates.tooltip_date_format(end); -}; |