javascript - open - Cómo hacer que un botón de URL de extensión de Firefox muestre una cadena cuando se coloca sobre

split array javascript

Question

He hecho mi extensión completa de FF, y hay un botón en la barra de URL. El jefe ahora quiere que el botón muestre una cierta cadena cuando pasas el cursor sobre ella. Aquí está mi código actual para el botón:

var loadURLButton = function(doc, urlBtnClick) {
    var urlBarIcons = doc.getElementById(''urlbar-icons'')
    var btn = doc.createElement(''toolbarbutton'');
    btn.setAttribute(''id'', ''urlbutton'');
    btn.setAttribute(''image'', require(''sdk/self'').data.url("canNone.png"));
    btn.addEventListener(''command'', urlBtnClick, false);
    urlBarIcons.appendChild(btn);
    return btn;
}

var doc = require(''sdk/window/utils'').getMostRecentBrowserWindow().document;

var urlbarButton = loadURLButton(doc, openTab);

¿Qué puedo agregar a esto para hacer aparecer una identificación en el vuelo estacionario?

Answer 1

Awwwww hombre todo eso no sirve para nada. El atributo no es información sobre herramientas, ¡sino tooltiptext! Así que solo haz btn.setAttribute (''tooltiptext'', ''lo que quieras'');

var loadURLButton = function(doc, urlBtnClick) {
    var urlBarIcons = doc.getElementById(''urlbar-icons'')
    var btn = doc.createElement(''toolbarbutton'');
    btn.setAttribute(''id'', ''urlbutton'');
    btn.setAttribute(''tooltiptext'', ''mytt'');
    btn.setAttribute(''image'', ''chrome://branding/content/icon32.png'');
    btn.addEventListener(''command'', urlBtnClick, false);
    urlBarIcons.appendChild(btn);
    return btn;
}

var doc = document;

var urlbarButton = loadURLButton(doc, null);

Answer 2

Veo el problema que traté de configurar el atributo de información sobre herramientas y todos los hijos de anonys y no funcionó.

Así que estoy pensando en unir un panel a él. Este código no funciona pero estamos en la dirección correcta:

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/panel#Examples

var loadURLButton = function(doc, urlBtnClick) {
    var urlBarIcons = doc.getElementById(''urlbar-icons'')
    var tooltip = doc.createElement(''panel'');
    tooltip.setAttribute(''style'', ''width:100px;height:100px;background-color:red;'');
    tooltip.setAttribute(''id'', ''mytt'');
    tooltip.textContent = ''my toold tip'';
    var btn = doc.createElement(''toolbarbutton'');
    btn.setAttribute(''id'', ''urlbutton'');
    btn.setAttribute(''tooltip'', ''mytt'');
    btn.setAttribute(''image'', ''chrome://branding/content/icon32.png'');
    btn.addEventListener(''command'', urlBtnClick, false);
    btn.appendChild(tooltip)
    urlBarIcons.appendChild(btn);
    return btn;
}

var doc = document;

var urlbarButton = loadURLButton(doc, null);