nettika/phpmyadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved tooltip for JavaScript-enabled browsers (superscripts changed to icons)

Browse Source
This commit is contained in:
lorilee
2010-07-13 17:39:52 -07:00
parent 5b8c603124
commit eff9311c03
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
js/tooltip.js
View File

@@ -32,7 +32,7 @@ var myTooltipContainer = null;
function PMA_TT_init() function PMA_TT_init()
{ {
// get all 'light bubbles' on page // get all 'light bubbles' on page
var tooltip_icons = window.parent.getElementsByClassName('footnotemarker', document, 'sup'); var tooltip_icons = $("img[class='footnotemarker']");
var tooltip_count = tooltip_icons.length; var tooltip_count = tooltip_icons.length;
if (tooltip_count < 1) { if (tooltip_count < 1) {
@@ -158,8 +158,11 @@ function moveTooltip(posX, posY)
*/ */
function pmaTooltip(e) function pmaTooltip(e)
{ {
var theText = document.getElementById('footnote_' + this.innerHTML).innerHTML;
var footnoteID = this.id.split("_")[2];
var footnote = $('#footnote_' + footnoteID);
// Remove the footnote number since it is not needed
footnote.children("sup").remove();
var plusX = 0, plusY = 0, docX = 0, docY = 0; var plusX = 0, plusY = 0, docX = 0, docY = 0;
var divHeight = myTooltipContainer.clientHeight; var divHeight = myTooltipContainer.clientHeight;
var divWidth = myTooltipContainer.clientWidth; var divWidth = myTooltipContainer.clientWidth;
@@ -190,7 +193,7 @@ function pmaTooltip(e)
if ((ttYpos + divHeight) > docY) if ((ttYpos + divHeight) > docY)
ttYpos = ttYpos - (divHeight + (ttYadd * 2)); ttYpos = ttYpos - (divHeight + (ttYadd * 2));
PMA_TT_setText(theText); PMA_TT_setText(footnote.html());
moveTooltip((ttXpos + ttXadd), (ttYpos + ttYadd)); moveTooltip((ttXpos + ttXadd), (ttYpos + ttYadd));
holdTooltip(); holdTooltip();
} }
@@ -210,3 +213,12 @@ function mouseMove(e) {
} }
moveTooltip((ttXpos + ttXadd), (ttYpos + ttYadd)); moveTooltip((ttXpos + ttXadd), (ttYpos + ttYadd));
} }
$(document).ready(function() {
// Hide the footnotes from the footer (which are displayed for
// JavaScript-disabled browsers) since the tooltip is sufficient
$(".notice").hide();
// Replace the superscripts with the help icon
$("sup[class='footnotemarker']").remove();
$("img[class='footnotemarker']").show();
});