diff --git a/src/Umbraco.Web.UI/umbraco_client/tabview/style.css b/src/Umbraco.Web.UI/umbraco_client/tabview/style.css index da63f2019f..9c56e40c5a 100644 --- a/src/Umbraco.Web.UI/umbraco_client/tabview/style.css +++ b/src/Umbraco.Web.UI/umbraco_client/tabview/style.css @@ -127,4 +127,13 @@ } .footer .status{height: 12px; margin: 0px; overflow: hidden; background: url(images/footer_statusBar_bg.gif) top left no-repeat;} - .footer .status h2{display: block; height: 12px; overflow: hidden; margin: 0px; padding: 0px; background: url(images/footer_statusBar_h2_bg.gif) top right no-repeat;} \ No newline at end of file + .footer .status h2{display: block; height: 12px; overflow: hidden; margin: 0px; padding: 0px; background: url(images/footer_statusBar_h2_bg.gif) top right no-repeat;} + +.treePickerTooltip { + display: none; + position: absolute; + border: 1px solid #333; + background-color: #fff8cb; + padding: 3px; + color: #000; +} \ No newline at end of file diff --git a/src/umbraco.controls/TreePicker/BaseTreePicker.js b/src/umbraco.controls/TreePicker/BaseTreePicker.js index 95d74d165e..b0c974b2ed 100644 --- a/src/umbraco.controls/TreePicker/BaseTreePicker.js +++ b/src/umbraco.controls/TreePicker/BaseTreePicker.js @@ -6,8 +6,7 @@ Umbraco.Sys.registerNamespace("Umbraco.Controls"); Umbraco.Controls.TreePicker = function(clientId, label, itemIdValueClientID, itemTitleClientID, itemPickerUrl, width, height, showHeader, umbracoPath) { var obj = { _itemPickerUrl: itemPickerUrl, - //_webServiceUrl: umbracoPath + "/webservices/legacyAjaxCalls.asmx/GetNodeName", // legacy service returns string with just node name - _webServiceUrl: umbracoPath + "/webservices/legacyAjaxCalls.asmx/GetNodeBreadcrumbs", // new service returns array representing path/breadcrumbs + _webServiceUrl: umbracoPath + "/webservices/legacyAjaxCalls.asmx/GetNodeBreadcrumbs", _label: label, _width: width, _height: height, @@ -64,17 +63,35 @@ Umbraco.Sys.registerNamespace("Umbraco.Controls"); Umbraco.Controls.TreePicker.inst[clientId] = obj; return obj; - } + }; + $(document).ready(function () { + // Tooltip only Text + $('.treePickerTitle').hover(function () { + // Hover over code + var title = $(this).attr('title'); + $(this).data('tipText', title).removeAttr('title'); + $('

').text(title).appendTo('body').fadeIn('fast');; + }, function () { + // Hover out code + $(this).attr('title', $(this).data('tipText')); + $('.treePickerTooltip').remove(); + }).mousemove(function (e) { + var mousex = e.pageX + 10; //Get X coordinates + var mousey = e.pageY + 5; //Get Y coordinates + $('.treePickerTooltip').css({ top: mousey, left: mousex }); + }); + }); + // Static methods //return the existing picker object based on client id of the control Umbraco.Controls.TreePicker.GetPickerById = function(id) { return Umbraco.Controls.TreePicker.inst[id] || null; }; - + // instance manager Umbraco.Controls.TreePicker.cntr = 0; Umbraco.Controls.TreePicker.inst = {}; - + })(jQuery);