Rechtsklick auf ein Icon von einem Skript ändern

2002Andreas

Hallo @ all.

Dieses Skript soll nur ein Beispiel sein, es betrifft auch noch andere.

Mit diesem Skript wird die Datei: Test.uc.js aufgerufen.

JavaScript

// ruft die Datei Test.uc.js direkt auf


(function() {
     if (location != 'chrome://browser/content/browser.xhtml') return;

    try {
        Components.utils.import("resource:///modules/CustomizableUI.jsm");
        CustomizableUI.createWidget({
            id: "Scriptbutton",
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: "Openscriptbutton",
            tooltiptext: "Test.uc.js",
            onClick: function() {
            
                var dir = Services.dirsvc.get('UChrm', Ci.nsIFile);
                dir.append('Test.uc.js');
                // dir.append('Test.css');
                dir.launch();
    
            },
            onCreated: function(aNode) {
                aNode.style.listStyleImage = 'url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAACLklEQVQ4ja3Q70sTcQDH8XuymQtlUhAsiKhgCCGYimzQHyCDsnTTNlxLMawYJKxlzA06OdejKGZcN1qr0WEaEym3Vhar+WNPoodBT8o9atKwX6wf3rpPT0zcfb8nUvvC69Hd5/vmjmEUx8wtWEzcYsrEZfPm0Sy2ysRl8yZuMWXmFizKO8tOKzsXbB2Zx39j54LUQFMgY2m5nEGlNAUy5Bc1+tPJQ4E0KqXRn04SkQbf7HKD7xkqZ3aZiBy89BRqDg89wOfiKoq/Svj2Q1oHAMd9EdUdEan3PoYaW+A2aCc0kYLRPaG6IyJGTwJq7r9MEYHCpxXU999Q3Rg9CTKyf/AhaPadHUfuw0dF4ifaPCPU9zciInvd06BpGeRR+i2XJb4U30GITyH1KofX71cwfOsJdUtE9pyLg+bYRX7t6u8ASsRvW5XeoN07St0SEcPAJGiMjiB6hnhcEz2Q5UJZ4G0uCeMplrozDEySkV3949jMafZqWUAQH8Fgv77phojs7BOhqjeGqeeJtd9TwBnODf2JMezovae+6RPJiN4Vy9e5YqDZ7bgCqfQVgIyu4QvQn7y7Tm2jd8XyRKTGGZ2pdd4BTfwFi+mkgANH/KjtiVLfUapxRmeISHV32KyzR+Ttjgg20lnHcPR8G+raA1A+U6OzR+Tq7rCZiDAMw2htgrfKJkjbusL4V1U2QdLaBC818PdoOkLNGisvajv5Ja31Jrask1/SWHlR0xFqVt75B87drLq2rxO6AAAAAElFTkSuQmCC)';
                return aNode;
            }
        });
        
                    
    } catch (e) {
        Components.utils.reportError(e);
    };

})();

Alles anzeigen

Das funktioniert auch einwandfrei.

Was mich nur stört, nicht nur der Linksklick sondern auch der Rechtsklick öffnet die Datei.

Bei einem Rechtsklick öffnet sich zusätzlich auch ganz kurz das Standard Kontextmenü.

Was ich gerne möchte, dass die Datei nur per Linksklick aufgerufen wird, und beim Rechtsklick ganz normal das Standard Kontextmenü.

Am besten fände ich einen kleinen Zusatz im Skript, den ich dann in alle anderen hier nur einfügen müsste.

(wenn das möglich ist)

Für jegliche Hilfe wie immer vielen Dank vorweg.

BrokenHeart

Zitat von 2002Andreas

Was ich gerne möchte, dass die Datei nur per Linksklick aufgerufen wird, und beim Rechtsklick ganz normal das Standard Kontextmenü.

Hallo 2002Andreas ,

Folgende Änderungen müssten durchgeführt werden:

(Bitte beachten: Der OnClick-Funktion muss der Parameter 'event' übergeben werden, also:

JavaScript

 onClick: function(event) {
      if (event.button != 0){
         return;
      }

Skript mit der Änderung:

JavaScript

// ruft die Datei Test.uc.js direkt auf


(function() {
     if (location != 'chrome://browser/content/browser.xhtml') return;

    try {
        Components.utils.import("resource:///modules/CustomizableUI.jsm");
        CustomizableUI.createWidget({
            id: "Scriptbutton",
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: "Openscriptbutton",
            tooltiptext: "Test.uc.js",
            onClick: function(event) {
                
                if (event.button != 0){
                    return;
                }
            
                var dir = Services.dirsvc.get('UChrm', Ci.nsIFile);
                dir.append('Test.uc.js');
                // dir.append('Test.css');
                dir.launch();
    
            },
            onCreated: function(aNode) {
                aNode.style.listStyleImage = 'url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAACLklEQVQ4ja3Q70sTcQDH8XuymQtlUhAsiKhgCCGYimzQHyCDsnTTNlxLMawYJKxlzA06OdejKGZcN1qr0WEaEym3Vhar+WNPoodBT8o9atKwX6wf3rpPT0zcfb8nUvvC69Hd5/vmjmEUx8wtWEzcYsrEZfPm0Sy2ysRl8yZuMWXmFizKO8tOKzsXbB2Zx39j54LUQFMgY2m5nEGlNAUy5Bc1+tPJQ4E0KqXRn04SkQbf7HKD7xkqZ3aZiBy89BRqDg89wOfiKoq/Svj2Q1oHAMd9EdUdEan3PoYaW+A2aCc0kYLRPaG6IyJGTwJq7r9MEYHCpxXU999Q3Rg9CTKyf/AhaPadHUfuw0dF4ifaPCPU9zciInvd06BpGeRR+i2XJb4U30GITyH1KofX71cwfOsJdUtE9pyLg+bYRX7t6u8ASsRvW5XeoN07St0SEcPAJGiMjiB6hnhcEz2Q5UJZ4G0uCeMplrozDEySkV3949jMafZqWUAQH8Fgv77phojs7BOhqjeGqeeJtd9TwBnODf2JMezovae+6RPJiN4Vy9e5YqDZ7bgCqfQVgIyu4QvQn7y7Tm2jd8XyRKTGGZ2pdd4BTfwFi+mkgANH/KjtiVLfUapxRmeISHV32KyzR+Ttjgg20lnHcPR8G+raA1A+U6OzR+Tq7rCZiDAMw2htgrfKJkjbusL4V1U2QdLaBC818PdoOkLNGisvajv5Ja31Jrask1/SWHlR0xFqVt75B87drLq2rxO6AAAAAElFTkSuQmCC)';
                return aNode;
            }
        });
        
                    
    } catch (e) {
        Components.utils.reportError(e);
    };

})();

Alles anzeigen

2002Andreas

Zitat von BrokenHeart

Folgende Änderungen müssten durchgeführt werden:

Hallo BrokenHeart

herzlichen Dank dafür

Ich werde das bei meinen anderen Skripten dann auch mal zusätzlich einfügen.

Mira_Belle

a. Habe ich mir darüber noch nie Gedanken gemacht.

und

b. jetzt wo Du, 2002Andreas, das erwähnst, habe ich es ausprobiert.

Manches Mal erscheint nur ein Menü, manchmal wird aber auch das Script ausgeführt.

Nun gibt es wieder Änderungspotential von so einigen JavaScript'en, die ich so in Verwendung habe.

2002Andreas

Zitat von BrokenHeart

Folgende Änderungen müssten durchgeführt werden:

Ich habe das jetzt bei allen Skripten in allen Profilen hier eingefügt.

Funktioniert perfekt

Nochmals herzlichen Dank dafür

BrokenHeart

Zitat von 2002Andreas

Nochmals herzlichen Dank dafür

Gerne...

Mira_Belle

@ 2002Andreas

Wie hast Du es denn beim QuickLinkButton-cf.uc.js umgesetzt?

Ich komme da auf keinen grünen Zweig!

JavaScript

(function() {
   if (location.href !== AppConstants.BROWSER_CHROME_URL) 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 currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");  // Pfadangabe zum Profilordner
            let buttonicon = "firefox-logo.svg"  // Name & Dateiendung des anzuzeigenden Symbols
            let props = {
               id: 'link-button-about',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: about:about',
               accesskey: '',
               tooltiptext: 'Quicklink:\nabout:about',
               style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
               onclick: "openTrustedLinkIn('about:about', 'tab')"  
            };            
            for (var p in props)
            toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }      
      });
   } catch(e) { };
}) ();

Alles anzeigen

2002Andreas

Zitat von Mira_Belle

Ich komme da auf keinen grünen Zweig!

JavaScript

(function() {
   if (location.href !== AppConstants.BROWSER_CHROME_URL) 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 currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");  // Pfadangabe zum Profilordner
            let buttonicon = "firefox-logo.svg"  // Name & Dateiendung des anzuzeigenden Symbols
            let props = {
               id: 'link-button-about',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: about:about',
               accesskey: '',
               tooltiptext: 'Quicklink:\nabout:about',
               style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
               onclick: 'if (event.button == 0) { \
                                        openTrustedLinkIn("about:about", "tab");\
                                 }; '
                };            
            for (var p in props)
            toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }      
      });
   } catch(e) { };
}) ();

Alles anzeigen

Mira_Belle

Eigentlich ganz einfach, nur ich bin einfach nicht darauf gekommen.

Danke, ich war bei meinen Versuchen schon richtig verzweifelt.

Mira_Belle

Mißt,

und hier bekomme ich es auch nicht hin.

JavaScript

(function ptbut() {              
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
       
    let startHeight = '0px';                // '24px' oder '0px' Der Startzustand wird definiert: '24px' startet mit sichtbarer Leiste
    let collapse = '0px';                   // Leiste nicht sichtbar
    let visible = '24px';                   // Leiste sichtbar
    let autoCloseTime = 5000;               // 0 = kein Auto-Close / >0 Zeit in Millisekunden /5000 => 5sec  
    let intervalID = 0;
    let persToolbar = document.getElementById('PersonalToolbar');

    try {
        CustomizableUI.createWidget({
            id: 'PersonalToolbar-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                    let toolbaritem = aDocument.createXULElement('toolbarbutton'); 
                //    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome'));
                    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); 
                    // ^^ Pfadangabe zum Profilordner und gleich in den entsprechenden Unterordner ^^
                    let buttonicon = "bookmark-hollow.svg";  // Name & Dateiendung des anzuzeigenden Symbols
                    let props = {
                        id: 'PersonalToolbar-button',
                        class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                        removable: true,
                        label: 'Toggle',
                        tooltiptext: 'Lesezeichenleiste ein-/ausblenden',
                        style: "list-style-image: url('" + ProfilePath + buttonicon + "');"
                    //    style: "list-style-image: url('" + ProfilePath + "icons/" + buttonicon + "');"
                    //    style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
                        
                    };                   
                    for(var p in props)
                        toolbaritem.setAttribute(p, props[p]);
                    return toolbaritem;                 
                }
        });
    } catch(e) { };

    //----------BEGINN----------------------
    // Funktion zum Abfragen der Tastatur ("belauscht" Eingaben)
    // Hinweis: Tasten, die anderweitig bereits "abgefangen" werden, ergeben keinen Event
    document.addEventListener('keydown', (event) => {
        let keyName = event.key;
            if (event.altKey && keyName == 'q') {   // Funktion wird ausgeführt, wenn "Alt & q gedrückt werden
                onClick(event);
            }
        }, false
    );
    //----------ENDE------------------------ 

    document.getElementById('PersonalToolbar').style.minHeight = '0';
    document.getElementById('PersonalToolbar').style.transition = 'all 0.3s steps(6, end)';

    if( startHeight === visible || startHeight === collapse ) {
        document.getElementById('PersonalToolbar').style.height = startHeight;
    }
    else {
        document.getElementById('PersonalToolbar').style.height = visible;
    }

    document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );

    function onClick(aEvent) {
        
        if (persToolbar.style.height == '') {
            persToolbar.style.height = collapse;
        }
        else if (persToolbar.style.height == visible) {
            persToolbar.style.height = collapse;
        }
        else if(persToolbar.style.height == collapse) {
            persToolbar.style.height = visible;
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); 
            }
        }
    }
      
    function autoClose() {
        if( intervalID ) {
            if( persToolbar.style.height == visible) {
                persToolbar.style.height = collapse;
                clearInterval(intervalID); 
                intervalID=0;
            }
        }
    }
})();

Alles anzeigen

Hatte zwar den Code direkt unter Zeile 75 geklemmt,

aber dann funtionierte der Aufruf per Tastenkombi.

JavaScript

    function onClick(aEvent) {
        
        if (aEvent.button != 0){
            return;
        }

        if (persToolbar.style.height == '') {
            persToolbar.style.height = collapse;
        }
        else if (persToolbar.style.height == visible) {
            persToolbar.style.height = collapse;
        }
        else if(persToolbar.style.height == collapse) {
            persToolbar.style.height = visible;
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); 
            }
        }
    }

Alles anzeigen

visoer

Klammerfehler Zeile 5.

Hier mal meine ähnliche etwas umfangreichere Lösung (mit einer Funktion auf Mittelclick) zum Vergleichen:

JavaScript

//-----------------------------------------------
    function onClick(aEvent) {
let b2 = document.getElementById('PersonalToolbar-button');

    if (event.button == 0) {  
        if (d2.style.height == '') {
            d2.style.height = '0px';
            b2.style.backgroundColor = '#72a572';
            }
        else if (d2.style.height == Height) {
            d2.style.height = '0px';
            b2.style.backgroundColor = '#72a572';
            }
        else if(d2.style.height == '0px') {
            d2.style.height = Height;
            b2.style.backgroundColor = '#323232';
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime );
                }
            }
        } 
    else if (event.button == 1) {
        tabclick();
        }
    else if (event.button == 2) {
        event.preventDefault();
        event.stopPropagation();    
        return;
        }
    }
//-----------------------------------------------
    function autoClose() {

Alles anzeigen

Mira_Belle

Ohne die Klammer in Zeile 5 mault aber mein Editor!

visoer

Hier noch ein Tipp:

Die Position der Klammer ist falsch, sie muss nur nach unten verschoben werden.

Jetzt müsstest du es aber lösen können!

Horstmann

Zitat von visoer

Hier noch ein Tipp:
Die Position der Klammer ist falsch, sie muss nur nach unten verschoben werden.
Jetzt müsstest du es aber lösen können!

Ich fürchte, Du setzt von uns Javascript Analphabeten zuviel Verständnis für den Basisaufbau der Scripte voraus .

Wo ist unten ?

Wäre es evtl. sowas, in Falle von Mira's Scriptschnipsel unten aus #10 ; die Klammer aus Zeile 5 wandert ganz nach unten ?

JavaScript

    function onClick(aEvent) {
        
        if (aEvent.button != 0){
            return;

        if (persToolbar.style.height == '') {
            persToolbar.style.height = collapse;
        }
        else if (persToolbar.style.height == visible) {
            persToolbar.style.height = collapse;
        }
        else if(persToolbar.style.height == collapse) {
            persToolbar.style.height = visible;
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); 
     }
            }
        }
    }

Alles anzeigen

visoer

Bingo!

Kann dann ja ohne weitere Überlegung einfach übernommen werden.

Lerneffekt?

Mira_Belle

Leider nein!

Dann funktioniert das JavaScript gar nicht mehr.

DenalB

Ich würde spontan meinen, dass da eine Klammer zu viel drin ist ...

EDIT:

Obwohl ... Müsste passen. So sieht das bei mir mit den Klammern aus.

JavaScript

function onClick(aEvent) {

    if (aEvent.button != 0) {
        return;
        
        if (persToolbar.style.height == '') {
            persToolbar.style.height = collapse;
    }
    
        else if (persToolbar.style.height == visible) {
            persToolbar.style.height = collapse;
        }

        else if(persToolbar.style.height == collapse) {
            persToolbar.style.height = visible;
            
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); 
            }

        }

    }
    
}

Alles anzeigen

Weiß aber nicht, ob es funktioniert.

Mira_Belle

Zitat von DenalB

EDIT:
Obwohl ... Müsste passen. So sieht das bei mir mit den Klammern aus.
Weiß aber nicht, ob es funktioniert.

Und funktioniert nicht, s.o. #16

Sören Hentzschel

Zitat von Horstmann

Wäre es evtl. sowas, in Falle von Mira's Scriptschnipsel unten aus #10 ; die Klammer aus Zeile 5 wandert ganz nach unten ?

Zitat von DenalB

Weiß aber nicht, ob es funktioniert.

Zitat von visoer

Bingo!
Kann dann ja ohne weitere Überlegung einfach übernommen werden.
Lerneffekt?

Ganz und gar nicht „Bingo“. So hat das Script überhaupt keinen Code, der jemals ausgeführt wird. Wenn man sich die äußerste Bedingung ansieht, dann wird dort auf aEvent.button != 0 geprüft. Es gibt keinen Code, der ausgeführt wird, wenn die Bedingung nicht zutrifft. Und wenn die Bedingung zutrifft, wird durch das return die Funktion sofort verlassen, alles darunter ist also toter Code. Ich weiß auch nicht, worauf visoer hinaus möchte…

Horstmann

Zitat von Mira_Belle

Zitat von DenalB

EDIT:
Obwohl ... Müsste passen. So sieht das bei mir mit den Klammern aus.
Weiß aber nicht, ob es funktioniert.

Und funktioniert nicht, s.o. #16

In #16 steht aber ein anderer Code in dem Screenshot, als Dein unterer JS Code in #10 .

Was der Code ist den DenalB und ich uns angeschaut hatten .

Oder kapier ich evtl. nur die Nachrichten in Deinem Editor nicht ? - wahrscheinlich .

Bei Deinem #16 zähle ich eine Klammer zuviel unten (?) .

Rechtsklick auf ein Icon von einem Skript ändern

2002Andreas 18. Januar 2023 um 12:26

Ähnliche Themen

Update von Firefox (106.0.1 (64-Bit): Änderungen der Anzeige des privaten Modus rückgängig machen (erledigt)

Schaltflächenskripte und ihre Symbole

Vertikale Lesezeichenleiste, Script und CSS

Firefox lädt Scripte nicht richtig

Downloadfenster anpassen