Tooltips nur für die Bedienoberfläche ausschalten?

2002Andreas

Zitat von TPD-Andy

woher habt ihr die?

Z.B. von hier:

GitHub - Aris-t2/CustomJSforFx: custom scripts

custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.

github.com

oder auch von hier:

GitHub - Endor8/userChrome.js: Skripte für die Firefox-Erweiterung userChromeJS

Skripte für die Firefox-Erweiterung userChromeJS. Contribute to Endor8/userChrome.js development by creating an account on GitHub.

github.com

Ansonsten gibt es auch hier User, die das können

TPD-Andy

Zitat von 2002Andreas

Zitat von TPD-Andy

woher habt ihr die?

Z.B. von hier:
https://github.com/Aris-t2/CustomJSforFx
oder auch von hier:
https://github.com/Endor8/userChrome.js
Ansonsten gibt es auch hier User, die das können

Alles anzeigen

Vielen Dank.

ich kenne mich nur in Programmierung nach EN 61131-3:2014-06 SPS für Steuerungen aus.

Horstmann

Zitat von Mira_Belle

Nu aber, sorry.

JavaScript

        var button = document.getElementById('tooltip_button');
        if (isEnabled) {
            button.style.background = 'red';
        } else {
            button.style.background = 'cyan';
        }

Hmm, will bei mir nicht klappen - bin aber auf 115esr/Mac, evtl. liegt's daran?

Was diesen background Teil angeht, das dient nur zum Erstellen der Attribute, die man dann im CSS weiterverwenden kann, nicht dazu den Hintergrund zu färben.

Speravir

Zitat von Mira_Belle

var buttonicon = "LettersT-2.png"

Am Ende dieser Zeile (Nr. 19 oben) fehlt ein Semikolon. Ich sehe aber gerade, dass der Fehler zuvor schon bei Horstmann vorhanden ist, dort in Z.16.

Zitat von Horstmann

Danke, aber ich weiss nicht wie ich in dem speziellen Fall den Status false oder true angeben kann/sollte, dazu sind meine Javascript Kenntnisse zu rudimentär.
Ich habe schon Stunden gebraucht, um nur das Umschalten zwischen false und true hinzubekommen.
Dem Button kann ich recht einfach umschaltbare Attribute und Klassen bei Mausklick zuweisen, aber halt nicht bezogen auf einen spezifischen Status.

Ich nutze seit gefühlt Ewigkeiten (müssen nach Quelle rund 7 Jahre sein) dieses Skript: JsOff.uc.js – inzwischen natürlich in Zeile 4 geändert (xhtml anstelle von xul). Dort wird der Status der Einstellung abgefragt und in eine Variable gelegt (es müsste aber auch ohne gehen) und dann in einer If-Else-Anweisung verarbeitet. Bei Andreas oben ist das im Prinzip mit anderer Syntax in dieser Zeile realisiert:

JavaScript

               tooltiptext: Services.prefs.getBoolPref('browser.chrome.toolbar_tips') ?
                  'Tooltip frei' : 'Tooltip gesperrt',

Horstmann

Zitat von Speravir

Zitat von Mira_Belle

var buttonicon = "LettersT-2.png"

Am Ende dieser Zeile (Nr. 19 oben) fehlt ein Semikolon. Ich sehe aber gerade, dass der Fehler zuvor schon bei Horstmann vorhanden ist, dort in Z.16.

Danke, Fehler behoben.
Und ja, das mit der Variable ist der Clou am Ganzen.

Und hier noch eine Variante mit im Script integriertem CSS - wenn man nicht alles selber macht, hoffe das klappt so bei Euch.
Das benutzt das abgewandelte Script von 2002Andreas , die CSS Formel von Mitleser weiter oben, und von Mira_Belle die Lösung für 2 separate Icons, aus einem früheren Projekt.
Vielen Dank für die Hilfe!

Icons hängen unten an, wieder brav in chrome/icons packen, und einige CSS Einträge zum Spielen, grossteils auskommentiert, aber da zur Veranschaulichung.

WIe's dann aussieht - hoffentlich - in Toolbar bzw. Overflowmenü, s. Screenshots (nicht über die Farben etc. wundern, das ist nur mein Testprofil).

JavaScript

// https://www.camp-firefox.de/forum/thema/136599-tooltips-nur-f%C3%BCr-die-bedienoberfl%C3%A4che-ausschalten/?postID=1249369#post1249369

// tooltip-toggle.uc.js 
// Toggle tooltips, CSS, Icons, raus #6b

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

    try {
        CustomizableUI.createWidget({
            id: 'tooltip_button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                var toolbaritem = aDocument.createXULElement('toolbarbutton');
                var props = {
                    id: 'tooltip_button',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    removable: true,
                    label: 'Tooltip Toggle',
                    tooltiptext: "toggle tooltips",
                    background: Services.prefs.getBoolPref('browser.chrome.toolbar_tips') ? 'red' : 'cyan',
                    oncommand: '(' + onCommand.toString() + ')()'
                };
                for (var p in props)
                toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
       } catch(e) { }  

    function onCommand() {
               var prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);

               var isEnabled = !prefs.getBoolPref('browser.chrome.toolbar_tips');
               prefs.setBoolPref('browser.chrome.toolbar_tips', isEnabled);

               if (isEnabled) {
                     tooltip_button.setAttribute('background', 'red');
               }
               else {
                     tooltip_button.setAttribute('background', 'cyan');
               }
           }

   (function () {

        let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
        let iconOff = "LettersToff-2.png";           // OFF icon     
        let iconOn = "LettersT-2.png";              // ON icon   
        let css = `

            /***  icons  ON/OFF  ***/
            toolbar:not([customizing]) #tooltip_button[background ="cyan"] {
                list-style-image: url("${ProfilePath}/${iconOff}") !important;
            }
            #tooltip_button {
                list-style-image: url("${ProfilePath}/${iconOn}") !important;
            }

            /*** tooltips OFF adjustments ***/
            /* button in toolbar */
            toolbar:not([customizing]) #tooltip_button[background ="cyan"]:not(:hover, :active) .toolbarbutton-icon {
                /*opacity: 0.5 !important;
                background: pink !important;*/
            }
            /* button in overflow menu */
            :root:not([customizing]) #tooltip_button[background ="cyan"]:not(:hover, :active) label {
                opacity: 0.5 !important;
                text-decoration: line-through red;
            }

            /*** tooltips ON adjustments ***/
            /* 
            toolbar:not([customizing]) #tooltip_button[background ="red"]:not(:hover, :active) .toolbarbutton-icon {
                background: lightblue !important;
            }
            */
        `;
        let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
        })(); 
})();

Alles anzeigen

Mira_Belle

Zitat

... wenn man nicht alles selber macht ...

Menno, das hört sich jetzt aber böse an.

Habe auch schon dran gehangen, aber keine brauchbare Version zustande gebracht.
Muss aber gestehen, war auch nicht so intensiv am Basteln.

Werde Deine Version mal testen.
-------------------------------------------
Funktioniert! FF 125.0.3 (64-Bit)

Horstmann

Zitat von Mira_Belle

Zitat

... wenn man nicht alles selber macht ...

Menno, das hört sich jetzt aber böse an.
Habe auch schon dran gehangen, aber keine brauchbare Version zustande gebracht.
Muss aber gesehen, war auch nicht so intensiv am Basteln.
Werde Deine Version mal testen.
-------------------------------------------
Funktioniert! FF 125.0.3 (64-Bit)

Sorry, hab schnell noch das Smiley nachgeliefert, war natürlich nur ein Scherzchen..
Ich hab deine CSS Lösungen in einigen Scripts, funktionieren alle prima.

Und nicht zu vergessen dein geniales Profilbutton Script, das benutze ich mehr als alles Andere.

Selber habe ich zu wenig Ahnung von JS um den potentiellen Fehler zu finden; hab's versucht, war aber nix.

Mira_Belle

Zitat

Selber habe ich zu wenig Ahnung von JS um den potentiellen Fehler zu finden; hab's versucht, war aber nix.

Geht mir nicht anders! Habe von Java, bzw. JavaScript nicht wirklich Ahnung.
Muss immer wieder "alte" Skripts als Vorlagen nutzen und auch dann und was GPT nutzen.
Klappt aber recht oft, aber halt nicht immer und dann artet das alles zu einem Geduldsspiel aus.

Sören Hentzschel

Zitat von Mira_Belle

Geht mir nicht anders! Habe von Java, bzw. JavaScript nicht wirklich Ahnung.

Java und JavaScript haben so ziemlich gar nichts miteinander zu tun. Das sind komplett unterschiedliche Sprachen mit ganz unterschiedlichen Anwendungsfällen.

Zitat von Mira_Belle

und auch dann und was GPT nutzen.

Mach das besser nie, wenn es um Code geht. Du lernst dadurch nur falsche Dinge. Und Falsches aus dem Kopf heraus zu bekommen, ist oft schwieriger, als Dinge gleich richtig zu lernen.

Mira_Belle

Zitat von Sören Hentzschel

Zitat von Mira_Belle

Geht mir nicht anders! Habe von Java, bzw. JavaScript nicht wirklich Ahnung.

Java und JavaScript haben so ziemlich gar nichts miteinander zu tun. Das sind komplett unterschiedliche Sprachen mit ganz unterschiedlichen Anwendungsfällen.

Oh, das war mir nicht bewusst. Danke.

Zitat von Sören Hentzschel

Zitat von Mira_Belle

und auch dann und was GPT nutzen.

Mach das besser nie, wenn es um Code geht. Du lernst dadurch nur falsche Dinge. Und Falsches aus dem Kopf heraus zu bekommen, ist oft schwieriger, als Dinge gleich richtig zu lernen.

Nun ja, das mache ich auch nur sehr selten, und meist auch nur um Fehler zu finden.
Vorwiegend nutze ich "alte" Skripte, verändere diese, passe sie an,
oder suche mich dämlich in den Referenzen, und dann wird herumprobiert bis zum Gehtnichtmehr.

Nur wenn es mit "meinen" Codeschnipsel dann gar nicht so gehen will, wie ich es beabsichtige,
nur dann nutze ich GPT und füttere "es" mit dem erstellten Code und fragen, fragen und fragen,
bis der Code dann funktioniert. Hat bisher ganz gut geklappt und bisher hat sich ja auch niemand beschwert
dass solcher Code nicht "sauber" wäre.
OK, stimmt so nicht ganz, letzter Versuch, nur einige Beiträge "früher" ging in die Hose.
Lag aber auch daran, dass ich nur halbherzig an die Sache heranging.

Also, GPT ist nur die allerletzte Option.
Vorher wird Gehirn und Schmackes angewendet.

Sören Hentzschel

Du musst dir bei ChatGPT halt bewusst sein, dass es nichts vom Programmieren versteht, sondern ein Bot ist, der gefundene Inhalte auf Basis mathematischer Wahrscheinlichkeiten zusammensetzt und sprachlich so gestaltet, dass es möglichst glaubwürdig klingt. Und wenn ChatGPT Informationen fehlen, denkt sich ChatGPT diese aus. Deswegen halte ich persönlich wenig davon, sich von ChatGPT Dinge erklären zu lassen, wenn man niemanden hat, der einem die Ergebnisse bestätigen kann.

Das Ganze gilt übrigens umso mehr, wenn du die kostenlose Version von ChatGPT nutzt, die immer noch GPT 3.5 nutzt. Diese Version ist qualitativ nochmal ein ganzes Stück schlechter als GPT 4, was derzeit aber noch zahlenden Kunden von ChatGPT Plus vorbehalten ist.

Aber wenn ChatGPT als Ansatz gesehen wird, könnte man zumindest überlegen, ob man dafür direkt ChatGPT nutzen möchte oder nicht auf eine Lösung setzen will, die Mozilla selbst bereitstellt - AI Help:

AI Help | MDN Plus

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

developer.mozilla.org

AI Help nutzt bereits GPT 4 und bekommt außerdem Inhalte direkt von den MDN Web Docs. Für Programmierthemen sollte das in also in jedem Fall besser funktionieren als reines ChatGPT 3.5.

Und während ChatGPT Plus mit GPT 4 stolze 24 USD pro Monat kostet, kannst du AI Help immerhin fünf Fragen pro Tag kostenlos stellen. Unlimitiert kostet der Zugang zu MDN Plus 5 Euro pro Monat (oder 4,16 Euro pro Monat bei einem Jahr Bindung). Da sind dann sogar noch weitere Features von MDN plus mit inbegriffen, wobei du die wahrscheinlich nicht benötigst. Und wenn du es wirklich nur selten nutzt, reichen dir die fünf Fragen pro Tag der kostenlosen Version vielleicht sogar.

Mira_Belle

Wow, das ist ja mal XXXX!
Das werde ich definitiv mal ausprobieren.

Vielen, vielen lieben Dankt.

Tooltips nur für die Bedienoberfläche ausschalten?

Ähnliche Themen

userChrome.js Scripte für den Fuchs (Diskussion)

Webseite schmaler machen, Hilfe dabei

Google Chrome: Support-Ende für Windows 7 und Windows 8.1 im Februar 2023 – Firefox im August 2023?

Erweiterte Tooltips (Proton)...