From 83dd4ee80d3d6b0630cb7aa2d0472bf48683cdd3 Mon Sep 17 00:00:00 2001 From: bMancone Date: Wed, 9 Nov 2011 11:16:36 +0000 Subject: [PATCH] // Added hint box on fieldsDisplay --- .../template/helper/list/list_header.tpl | 5 +++- css/admin.css | 14 ++++++++- js/admin.js | 29 +++++++++++++++++++ 3 files changed, 46 insertions(+), 2 deletions(-) diff --git a/admin-dev/themes/template/helper/list/list_header.tpl b/admin-dev/themes/template/helper/list/list_header.tpl index 6526ff5ab..42e46a93f 100644 --- a/admin-dev/themes/template/helper/list/list_header.tpl +++ b/admin-dev/themes/template/helper/list/list_header.tpl @@ -139,7 +139,10 @@ {foreach $fields_display AS $key => $params} - {$params.title} + {if isset($params.hint)}{$params.hint} {/if} + + {$params.title} + {if (!isset($params.orderby) || $params.orderby) && !$simple_header}
diff --git a/css/admin.css b/css/admin.css index 8a319e78b..338213ea8 100644 --- a/css/admin.css +++ b/css/admin.css @@ -764,6 +764,18 @@ div.hint { position: relative; } +table tr th .hint { + display: none; + position: absolute; + margin: 30px 5px 5px 5px; + width: 400px; + border: 1px solid #ECE52F; + padding: 8px 6px 8px 34px; + color: #383838; + background: #FFFBE5 url(../img/admin/help2.png) no-repeat 6px 5px; + border-radius:3px; +} + .hintGroup{ position: relative; margin-top: 10px; @@ -1753,4 +1765,4 @@ div.progressBarImage width:24px; color:#fff; background:url(../img/loader.gif); -} \ No newline at end of file +} diff --git a/js/admin.js b/js/admin.js index 6e851c530..d92756385 100644 --- a/js/admin.js +++ b/js/admin.js @@ -436,6 +436,35 @@ if (helpboxes) } }); } + if ($('span.title_box')) + { + //Display by rollover + $('span.title_box').mouseover(function() { + //get reference to the hint box + var parent = $(this).parent(); + var box = parent.find('.hint:first'); + + if (box.length > 0) + { + //gets parent position + var left_position = parent.offset().left; + + //gets width of the box + var box_width = box.width(); + + //gets width of the screen + var document_width = $(document).width(); + + //changes position of the box if needed + if (document_width < (left_position + box_width)) + box.css('margin-left', '-' + box_width + 'px'); + + //shows the box + box.css('display', 'block'); + } + }); + $('span.title_box').mouseout(function() { $(this).parent().find('.hint:first').css('display', 'none'); }); + } }); }