Script für Button um about-Dialog aufzurufen -

harff182

'nabend...

Ich versuche mit meinen löchrigen Scriptkenntnisse anhand meiner annderen Scripts einen Button zu erstellen, der den about-Dialog aufruft.

Hier mein bisheriger Code:

JavaScript

// 12a_aboutname-button.uc.js
// Button für About-Dialog

(function() {

try {

  ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
    
	CustomizableUI.createWidget({
		id: "aboutname",
		defaultArea: CustomizableUI.AREA_NAVBAR,
		removable: true,
		label: "aboutname",
		tooltiptext: "Über Firefox",

		onClick: function() {
			gaboutnameMode.enter();
		},


		onCreated: function(aNode) {

//			"currentProfileDirectory"-Lösung:
			var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
			var aboutname_icon = 'url("file:///' + currentProfileDirectory + '/chrome/icons/firefox_21865_16.jpg")';
			aNode.style.listStyleImage = aboutname_icon;
			
			return aNode;
		}
	});
} catch (e) {
	Components.utils.reportError(e);
};

})();

Alles anzeigen

Der Button mit Icon erscheint, läst sich auch verschieben, aber es tut sich nix beim draufklicken.

Ich gehe davon aus, das der onclick-Bereich (Zeilen 17-19)) für mich zu hoch ist.

Mag wer helfen?

Sören Hentzschel

Hallo,

was soll gaboutnameMode.enter() denn sein? Das stammt weder aus dem Firefox-Code noch aus deinem Script. Dementsprechend zeigt die Konsole bei Klick auf den Button auch genau den Fehler, den man erwarten kann:

ReferenceError: gaboutnameMode is not defined

harff182

Zitat von Sören Hentzschel

Hallo,
was soll gaboutnameMode.enter() denn sein?

Etwas in der Art habe ich in einem anderen Script gefunden und versucht anzupassen.

Nach draufklicken soll der about-Dialog erscheinen.

Sören Hentzschel

Du kannst halt nicht einfach Funktionen aufrufen, die es nicht gibt. Diese Funktion gibt es wie gesagt weder in Firefox noch in diesem Script. Das andere Script wird das vermutlich irgendwo für sich selbst definiert haben.

Firefox hat aber eine Funktion zum Öffnen dieses Dialogs. Ersetze die genannte Zeile dadurch:

openAboutDialog();

Endor

harff182

Bitte mal testen:

JavaScript

(function() {


    if (location != "chrome://browser/content/browser.xhtml") return;

    try {
        // Firefox 'Über Firefox'
        // Tooltiptext: 'Über Firefox öffnen',
        CustomizableUI.createWidget({
            id: 'openAboutDialog-ToolBarButton',
            type: 'custom',
            onBuild: function(aDocument) {
                let toolbaritem = aDocument.createXULElement('toolbarbutton');
                let props = {
                    id: 'openAboutDialog-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Über Firefox',
                    accesskey: 'i',
                    tooltiptext: 'Über Firefox öffnen',
                    style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABnlBMVEVHcEwAAAAABQoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGi8AAAAAAAAACAwAIzcAHTIABQoAHjMAGCsAHjEAPV0ANlgAAAAAHDAAAAAAAAAABAcALVAAAAAABAcANlIANVAAMlQAHzEAAwUAJ0QAAAAALEkAAAAAAAAABAYAdsIAcb0Aa7kAfMcAgswAh9EAldwAZrQAjdUAlNsAargAcb4AdrEAd8MAkNgAj9cAktr///8AZ7UAeLwAY68AXKQAe74AhM4AgcsAZ7YAZZkAg80AY5gAbrMAidIAcL0AfscJfMQAidAaic0Ae8UAeLkAeroAhc8AfMgCg8wAS4MAecUAUYgAWJgAWZ40jssAW5q01+2w2O/j7/g0jsoAlt3O5fQAZ5YAaZgAjdYBg8wAk9tCntYAhLvK5vVwv+j1+v36/P7f8PnS6vYAi9MAhbwAjNRcuudaueft9vuAxuqn2vKj2PIzm9YAiNLN6PYBk9rL5/YEidEDidEAaLbZ6fQAZrUAa63J3/CSvd8AV5aHttsAWZgAdMAARnsATIBnpYJbAAAAKnRSTlMAJJU3QlpXDAURC9shD5Td3pLe19r19VvZDUSG9COF7Oz12oPrOO02WIa8WgzIAAAA7UlEQVQY02NgAAEOZjY2Zg4GGGCXU0hMz0+Sl2aH8BklAuKNLY0Kkv1FGEF8TgEfg1RjA2OLCj0vIU6gAJODgZVVUWlZYVVekDsTA4OkmIGlUaZ1daV1iVGguSI7g5Sbhb5+Rk5tTXGuvr55GAuDuJmHnl5wil55doyeXmgUKwOrmasuEKRlJfjq6mqFszKwuDhpAUF0rDeQ9AxhYWAXdTTV1taOiwQS2iYyXAwMfLZaOjo6TfVAwsReEOQwfj/TBsPWZkNDZztuXpBTZZUa23VsDG3qIoR5oJ7TVOtsa+lQUeaC+5dDVYNNHeJ9AMPoLvVmYcZtAAAAAElFTkSuQmCC)',
                };
                for (var p in props) {
                    toolbaritem.setAttribute(p, props[p]);
                }
                toolbaritem.addEventListener("command", (event) => {
                    event.target.ownerGlobal.openAboutDialog();
                });
                return toolbaritem;
            }
        });
	    } catch(e){};

})();

Alles anzeigen

Mfg.
Endor

harff182

Sören Hentzschel :

Danke, funktionuckelt

Endor Danke, aber ich bleib bei meinem Code

Mira_Belle

Schau Dir dieses Skript einmal an!

JavaScript

// JavaScript Document
// QuickLinkButton-about:about.uc.js  =  Button_for_QuickLinks-about.uc.js
// Source file https://www.camp-firefox.de/forum/thema/135613/?postID=1213791#post1213791
// Source file https://www.camp-firefox.de/forum/thema/139289/?postID=1271890#post1271890

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

(function() {
  
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;  
   try {
      CustomizableUI.createWidget({
         id: 'link-button-about',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {         
            let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            let props = {
               id: 'link-button-about',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: about:about',
               tooltiptext: 'Quicklink:\nabout:about',
            };            
            for (var p in props) {
               toolbaritem.setAttribute(p, props[p]);
            }           

            return toolbaritem; 
         }      
      });
   } catch(e) {};

   document.getElementById('link-button-about').addEventListener('click', event => {
      if (event.button === 0) {
         openTrustedLinkIn("about:about", "tab")
      }
   });

   // Pfad zum Profilordner
   let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
   // Pfad in den entsprechenden Unterordner
   let IconPath = '/chrome/icons/';
   // Name & Dateiendung des anzuzeigenden Symbols!
   let ButtonIcon = "firefox.svg";
   // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
   let img = new Image();
   img.src = "file:" + ProfilePath + IconPath + ButtonIcon;
   
   img.onload = function() {
      // Wenn die Grafik geladen werden kann, setze das listStyleImage
      document.getElementById('link-button-about').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
      document.getElementById('link-button-about').style.fill = '#f1b508';    // Hier wird die Iconfarbe direkt gesetzt
   };
   
   img.onerror = function() {
      // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
      document.getElementById('link-button-about').style.listStyleImage = 'url("chrome://global/skin/icons/warning.svg")';
      document.getElementById('link-button-about').style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
   };
})();

Alles anzeigen

Oder dieses:

JavaScript

// JavaScript Document
//  aboutabout-button.uc.js
  
(function() {
      
    var css =`
        #aboutabout-ToolBarButton > image {
            display: none !important;
        }

        #aboutabout-ToolBarButton > label {
            display: flex !important;
            background-color: lightgreen !important;
            color: red !important;
            outline: 1px solid red !important;
            outline-offset: -1px !important;
        }

        #aboutabout-ToolBarButton:hover > label {
            background-color: green !important;
            color: cyan !important;
            outline: 1px solid purple !important;
            outline-offset: -1px !important;
        }
    `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

   if (location != 'chrome://browser/content/browser.xhtml') return;
    
    try {   
        CustomizableUI.createWidget({
            id: 'aboutabout-ToolBarButton',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {            
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                    id: 'aboutabout-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'About:About',
                    tooltiptext: 'About:About',
                    /* style: 'list-style-image: ', */
                    //onclick: 'if (event.button == 0) { \
                    //        openTrustedLinkIn("about:about", "tab");\
                    //    }; '
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                /* Fix1 */
                //toolbaritem.addEventListener('click', event => {      
                //    if (event.button == 0) { 
                //        openTrustedLinkIn("about:about", "tab");
                //    }
                //});
                /* Bis hier */

            return toolbaritem;
            }
        });
    } catch(e) { };
    /* Fix 2 */
    document.getElementById('aboutabout-ToolBarButton').addEventListener('click', event => {	  
        if (event.button === 0) {
		openTrustedLinkIn('about:about',"tab");  
        }
    });
    /* Bis hier */
})();

Alles anzeigen

Beide erstellen einen "Button" um den about-Dialog aufzurufen.

harff182

Mira_Belle

Danke für Deine Codes, aber ich bleib bei meinem, den versteh ich wenigstens halbwegs.

Aber vielleicht will ja jemand anderes eine der angebotenen Alternativen nutzen.

lenny2

harff182 Sie können ein Symbol aus den Firefox-Ressourcen verwenden
// var aboutname_icon = 'url("file:///' + currentProfileDirectory + '/chrome/icons/firefox_21865_16.jpg")';
var aboutname_icon = 'url("chrome://branding/content/icon32.png")';

Mira_Belle

Hi harff182 Sorry, ich war wohl etwas neben der Spur!
Die von mir gepostete Skripte rufen "about:about" auf
und nicht wie von Dir gewünscht den Dialog "Über Firefox"

Bitte vielmals um Entschuldigung, wenn ich für Verwirrungen und/oder Irritationen gesorgt habe.

harff182

lenny2 : Ich benutze an vielen Stellen ein anderes Symbol für meinen Firefox:

Mira_Belle : Alles ist gut...

An beide: Es ist immer der Wille zu helfen, der zählt

Script für Button um about-Dialog aufzurufen -

harff182 10. Juni 2025 um 21:17

Ähnliche Themen

Buttons funktionieren nur im/ für das erste Fenster

Scripte ab Fx138 - Bitte um Hilfe

Script(mit Icon) um gesammte Browserdaten (Verlauf, Chronik, Cookies, usw..) löschen.

FF135: Textfarbe für (aktiven) Tab wird nicht übernommen

Browserkonsole.uc.js funktioniert nicht mehr

Div. Skripte funktionieren im aktuellem Nightly nicht mehr