Add tooltips for accesskeys

This commit is contained in:
fkloft
2014-08-12 22:33:04 +02:00
parent b4053c2800
commit 31c01d0b4c
5 changed files with 25 additions and 14 deletions

View File

@ -1055,7 +1055,7 @@
}
window.plugin.bookmarks.setupContent = function() {
plugin.bookmarks.htmlBoxTrigger = '<a id="bkmrksTrigger" class="open" onclick="window.plugin.bookmarks.switchStatusBkmrksBox(\'switch\');return false;" accesskey="v">[-] Bookmarks</a>';
plugin.bookmarks.htmlBoxTrigger = '<a id="bkmrksTrigger" class="open" onclick="window.plugin.bookmarks.switchStatusBkmrksBox(\'switch\');return false;" accesskey="v" title="[v]">[-] Bookmarks</a>';
plugin.bookmarks.htmlBkmrksBox = '<div id="bookmarksBox">'
+'<div id="topBar">'
+'<a id="bookmarksMin" class="btn" onclick="window.plugin.bookmarks.switchStatusBkmrksBox(0);return false;" title="Minimize">-</a>'
@ -1084,8 +1084,8 @@
+'</div>';
plugin.bookmarks.htmlDisabledMessage = '<div title="Your browser do not support localStorage">Plugin Bookmarks disabled*.</div>';
plugin.bookmarks.htmlStar = '<a class="bkmrksStar" accesskey="b" onclick="window.plugin.bookmarks.switchStarPortal();return false;" title="Save this portal in your bookmarks"><span></span></a>';
plugin.bookmarks.htmlCalldrawBox = '<a onclick="window.plugin.bookmarks.dialogDrawer();return false;" accesskey="q" title="Draw lines/triangles between bookmarked portals">Auto draw</a>';
plugin.bookmarks.htmlStar = '<a class="bkmrksStar" accesskey="b" onclick="window.plugin.bookmarks.switchStarPortal();return false;" title="Save this portal in your bookmarks [b]"><span></span></a>';
plugin.bookmarks.htmlCalldrawBox = '<a onclick="window.plugin.bookmarks.dialogDrawer();return false;" accesskey="q" title="Draw lines/triangles between bookmarked portals [q]">Auto draw</a>';
plugin.bookmarks.htmlCallSetBox = '<a onclick="window.plugin.bookmarks.manualOpt();return false;">Bookmarks Opt</a>';
plugin.bookmarks.htmlMoveBtn = '<a id="bookmarksMove" class="btn" onclick="window.plugin.bookmarks.moveMode();return false;">Show/Hide "Move" button</a>'

View File

@ -178,6 +178,7 @@ window.plugin.drawTools.addDrawControl = function() {
}
window.plugin.drawTools.setAccessKeys = function() {
var expr = /\s*\[\w+\]$/;
// there is no API to add accesskeys, so have to dig in the DOM
// must be same order as in markup. Note that each toolbar has a container for save/cancel
var accessKeys = [
@ -188,11 +189,20 @@ window.plugin.drawTools.setAccessKeys = function() {
];
var buttons = window.plugin.drawTools.drawControl._container.getElementsByTagName('a');
for(var i=0;i<buttons.length;i++) {
if(!buttons[i].offsetParent) { // element hidden, delete accessKey (so other elements can use it)
buttons[i].accessKey = '';
var button = buttons[i];
var title = button.title;
var index = title.search(expr);
if(index !== -1) title = title.substr(0, index);
if(!button.offsetParent) { // element hidden, delete accessKey (so other elements can use it)
button.accessKey = '';
} else if(accessKeys[i]) {
buttons[i].accessKey = accessKeys[i];
button.accessKey = accessKeys[i];
if(title === "") title = "[" + accessKeys[i] + "]";
else title += " [" + accessKeys[i] + "]";
}
button.title = title;
}
}
@ -479,7 +489,7 @@ window.plugin.drawTools.boot = function() {
runHooks('pluginDrawTools',{event:'layersEdited'});
});
//add options menu
$('#toolbox').append('<a onclick="window.plugin.drawTools.manualOpt();return false;" accesskey="x">DrawTools Opt</a>');
$('#toolbox').append('<a onclick="window.plugin.drawTools.manualOpt();return false;" accesskey="x" title="[x]">DrawTools Opt</a>');
$('head').append('<style>' +
'.drawtoolsSetbox > a { display:block; color:#ffce00; border:1px solid #ffce00; padding:3px 0; margin:10px auto; width:80%; text-align:center; background:rgba(8,48,78,.9); }'+

View File

@ -103,7 +103,7 @@ window.plugin.privacyView.setup = function() {
$('#chatcontrols a:first').click(window.plugin.privacyView.wrapChatToggle);
$('#chatcontrols').before('<div id="privacycontrols" class="shrinked">' +
' <a accesskey="9"><span class="toggle"></span></a>' +
' <a accesskey="9" title="[9]"><span class="toggle"></span></a>' +
'</div>');
$('#privacycontrols a').click(window.plugin.privacyView.toggle);