extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-03 20:49:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

More performance optimization for calendar tooltip

Browse Source
This commit is contained in:
Hadi Nategh 2014-10-27 13:04:31 +00:00
parent 32dc7c1da8
commit 27f13cad92
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
calendar/js/app.js
View File

@ -429,15 +429,16 @@ app.classes.calendar = AppJS.extend(
jQuery("body") jQuery("body")
//mouseover event handler for calendar tooltip //mouseover event handler for calendar tooltip
.on("mouseover", "div[data-tooltip]",function(){ .on("mouseover", "div[data-tooltip]",function(){
var $ttp = jQuery(this);
//Check if the tooltip is already initialized //Check if the tooltip is already initialized
if (!jQuery(this).data('uiTooltip')) if (!$ttp.data('uiTooltip'))
{ {
jQuery(this).tooltip({ $ttp.tooltip({
items: "[data-tooltip]", items: "[data-tooltip]",
show: false, show: false,
content: function() content: function()
{ {
var elem = jQuery(this); var elem = $ttp;
if (elem.is("[data-tooltip]")) if (elem.is("[data-tooltip]"))
return this.getAttribute('data-tooltip') ; return this.getAttribute('data-tooltip') ;
}, },
@ -449,14 +450,16 @@ app.classes.calendar = AppJS.extend(
if (this.scrollHeight > this.clientHeight) if (this.scrollHeight > this.clientHeight)
{ {
// bind on tooltip close event // bind on tooltip close event
jQuery(this).on("tooltipclose", function (event, ui){ $ttp.on("tooltipclose", function (event, ui){
// bind hover handler on tooltip helper in order to be able to freeze the tooltip and scrolling // bind hover handler on tooltip helper in order to be able to freeze the tooltip and scrolling
ui.tooltip.hover( ui.tooltip.hover(
function () { function () {
if (this.scrollHeight > this.clientHeight) jQuery(this).stop(true).fadeTo(100, 1); var $ttp_helper = jQuery(this);
if (this.scrollHeight > this.clientHeight) $ttp_helper.stop(true).fadeTo(100, 1);
}, },
function () { function () {
jQuery(this).fadeOut("100", function(){ jQuery(this).remove();}); var $ttp_helper = jQuery(this);
$ttp_helper.fadeOut("100", function(){$ttp_helper.remove();});
} }
); );
}); });
@ -464,14 +467,19 @@ app.classes.calendar = AppJS.extend(
} }
}); });
} }
else
{
$ttp.tooltip('enable');
}
}) })
// mousedown event handler for calendar tooltip to remove disable tooltip // mousedown event handler for calendar tooltip to remove disable tooltip
.on("mousedown", "div[data-tooltip]", function(){ .on("mousedown", "div[data-tooltip]", function(){
var $ttp = jQuery(this);
// Make sure the tooltip initialized before calling it // Make sure the tooltip initialized before calling it
if (jQuery(this).data('uiTooltip')) if ($ttp.data('uiTooltip'))
{ {
jQuery(this).tooltip("disable"); $ttp.tooltip("disable");
} }
}) })