1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • Buttons unter about:logins

    • Mira_Belle
    • 27. September 2023 um 13:20

    Firefox_94.0.1

    Also Dein Code funktioniert bei mir so gar nicht!

    Ich kann nicht einmal erahnen, wie die Seite aussehen soll!

    Es nutzt auch nichts, wenn ich versuche, in meinem Code einfach die Farben auszutauschen,

    da bei Dir scheinbar alles etwas durcheinander gewürfelt ist.

    Und überhaupt, sind in Deinem Code so viele "Leichen" drinnen, da graust es einen.

    Und wenn es Dir nur um die Buttons geht, dann schau Dir meinen Code mal in Ruhe und genau an,

    da ist alles Kommentiert!

    Wenn alle Stricke reißen, nimm z.B. meinen Code, so wie er ist, nutze ihn, mach einen Screenshot,

    mal alles so wie Du es gerne hättest, stell das Pic hier rein und wir basteln was.

    Kommentiere, was eventuell nicht ganz klar sein könnte, z.B. Radien, oder Schriftgröße und -dicke.

  • Buttons unter about:logins

    • Mira_Belle
    • 27. September 2023 um 12:43
    Zitat von Firefox_94.0.1

    Der passt halt leider ganz und gar nicht zu meinen sonstigen Design. Ich möchte einfach nur den Code für die Buttons anpassen...


    Was hast du bei den Buttons wie geändert? Vielleicht hilft mir das, damit ich das bei mir auch entsprechend anpassen kann.

    Kannst Du mit den Browserwerkzeugen umgehen?

    Wenn ja, dann pass Dir doch Fuchsfans oder meinen Code ganz einfach Deinen Bedürfnissen an.

    Hast Du noch einen Screenshot Deiner alten Anpassung?

  • Symbole in den Kontextmenüs [ Update ]

    • Mira_Belle
    • 27. September 2023 um 12:23
    Zitat von Thomas S.

    Habe nicht alles dazu gelesen, aber ein kleiner Hinweis:

    Wenn der Pfad EINMAL in einer Variablen angelegt wird, kann diese Variable in allen Verweisen zu den Symbolen angewendet werden. Vorteil hierbei : nur eine Zeile ist ggf. anzupassen.

    Das ist soweit richtig!

    Wenn Du aber aufgepasst hättest, wäre Dir aufgefallen, dass ersterer Code ein JavaScript ist,

    und dass es dort eben auch eine Variable für den Pfad gibt!

    Und es muss auch diese Version der Variable sein, da sie in CSS eingebunden wird.

    Andern Falls müssen die Unterordner nämlich immer in die Pfadangabe im CSS mit angegeben werden!

    Der zweite Code ist CSS, da ist es mir nicht gelungen diesen in das JavaScript mit einzubinden,

    denn dieser wirkt an ganz anderer Stelle.

    Mir ist nicht bekannt, dass es in CSS auch Variablen oder ähnliches gibt.

    Wenn Du Dich mit JavaScript gut auskennst, dann gebe mir doch mal einen Tip, wie ich es hinbekomme.

    Es hat irgendetwas mit Zeile 14 zu tun, aber was?

    dass die Symbole unter

    Code
    @-moz-document url(chrome://browser/content/browser.xhtml),

    das sind die im Skript,

    UND die Symbole im CSS,

    Code
    @-moz-document url-prefix("chrome://browser/content/downloads/contentAreaDownloadsView.xhtml"),
                   url-prefix("chrome://browser/content/places/places.xhtml")

    beide in das Skript bekomme und es dann auch funktioniert!

  • Buttons unter about:logins

    • Mira_Belle
    • 27. September 2023 um 11:19

    Himmel, was für eine schwierige Geburt!

    Musste auch meinen Code dafür anpassen, hier das Ergebnis:

    CSS
    @-moz-document url-prefix(about:logins)     {
    
        html {
            background: #292c2f !important;
        } 
    
        /* alle Button der originale graue HG weg */
        button,    
        button:hover {
            --in-content-button-background: none !important;
            --in-content-button-background-hover: none !important;
            --in-content-button-background-active: none !important;
        }
        button {
            color: #e1e1e1 !important;                        /* Schriftfarbe alles Schaltflächen    */
        }
        button:hover {
            color: #292c2f !important;
        }
    
        /*------------------------------*/
        /********** Loginliste **********/
        /*------------------------------*/    
    
        div.meta {
            background-color: #292c2f !important;            /* Hintergrundfarbe links in der Kopfzeile der Loginliste    */
            color: #e1e1e1 !important;                        /* Text links in der Kopfzeile der Loginliste    */
        }
        #login-sort {
            color: #e1e1e1 !important;                        /* Text links (Name (A-Z))in der Loginliste    */
        }
        .count {
            color: #e1e1e1 !important;                        /* Farbe des Textes "Zugangsdaten" */
            font-size: 15px !important; 
    /*        font-weight: bold !important; */
            padding-right: 20px !important;
        }
    
        .list-item.selected {    
    /*    .login-list-item.selected { */
            background-color: #5b5b66 !important;            /* Hintergrundfarbe des ausgewählten Feldes in der Loginliste    */
            border-inline-start-color: #ff9600 !important;    /* Linker Rahmen des ausgewählten Feldes in der Loginliste    */
            color: #e1e1e1 !important;                        /* Textfarbe des ausgewählten Feldes in der Loginliste    */
        }
        .list-item {
            /*    .login-list-item {    */
            background-color: #292c2f !important;            /* Hintergrundfarbe der Loginliste    */
        }    
        .list-item:hover {    
            /*    .login-list-item:hover {    */
            background: #5b5b66 !important;                    /* Hintergrundfarbe der Loginliste    */
        }    
        .list-item:not(.selected):hover {        
            /*    .login-list-item:not(.selected):hover {    */
            color: #e1e1e1 !important;                        /* Textfarbe in der Loginliste    */
        }
    
        .title{
            color: #e1e1e1 !important;                        /* Textfarbe Überschriften (IPs & Urls)    */
        }
        .subtitle {
            color: #e1e1e1 !important;                        /* Textfarbe "Namen" */
        }
        .icon {
            fill: #e1e1e1 !important;                        /* Farbe der kleinen "Weltkugeln"    */
            fill-opacity: 0.8 !important;
        }
    
        .empty-search-message {
            color: #e1e1e1 !important;
            background: #292c2f !important;
        }
    
        .empty-search-message span {
            color: #e1e1e1 !important;
        }
    
        ol {
            background: #292c2f !important;
        }
    
        /*----------------------------*/
        /********** Suchfeld **********/
        /*----------------------------*/
    
        /* Keinen blauen Rahmen mehr */
        input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):focus {
            outline: none !important;
        }
    
        div.listHeader {
            background-color: #292c2f !important;            /* Hintergrundfarbe um das Suchfeld    */
        }
    
        .filter,
        login-filter {
            appearance: none !important; 
            background-color: #5b5b66 !important;        
            color: #e1e1e1 !important;
            border-color: #e1e1e1 !important;
            border-width:3px !important;
            border-radius: 8px !important;
        }
            
        .filter:focus {
            appearance: none !important;
            background-color: #e1e1e1 !important;
            color: #000000 !important;
            border-color: #ff9600 !important;
            border-width:3px !important;
            border-radius: 8px !important;
        }
    
            /* HG des Suchfeldes */
        input.filter{
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
        }    
    
        /*-----------------------------------*/
        /** Button "Zugansdaten hinzufügen" **/
        /*-----------------------------------*/
    
        div.listHeader div.create-login-button-container {
            background-color: #5b5b66 !important;                /* Hintergrundfarbe des Zugansdaten hinzufügen-Button*/         
            color: #e1e1e1 !important;                        /* Textfarbe des Zugansdaten hinzufügen-Button*/    
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;
            box-shadow: none !important; 
        }
        div.listHeader div.create-login-button-container:hover {
            background-color: #e1e1e1 !important;                /* Textfarbe des gehoverten Zugansdaten hinzufügen-Button    */
            color: #292c2f !important;                        /* Hintergrundfarbe des gehoverten Zugansdaten hinzufügen-Button*/
        }
    
        /*-----------------------------------*/
        /********* Feld rechts oben **********/
        /*-----------------------------------*/
    
        header {
            background-color: #292c2f !important;            /* Hintergrundfarbe um das Suchfeld    */
        }
        .fxaccounts-extra-text {
            color: #e1e1e1 !important;                        /* Farbe des Textes vor dem Syncronisieren-Button    */
            padding-right: 20px !important;    
        }
    
        /*-------------------------------*/
        /**** Button "Syncronisieren" ****/
        /*-------------------------------*/
        
        .fxaccounts-enable-button {
            background: #5b5b66 !important;                /* Hintergrundfarbe des Syncronisieren-Button    */  
            color: #e1e1e1 !important;                        /* Textfarbe des Syncronisieren-Button    */
            margin-left: 1px !important;
            margin-right: 10px !important;
            margin-top: 3px !important;
            margin-bottom: 5px !important;
            padding-top: 3px!important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-bottom: 3px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;
        }
        .fxaccounts-enable-button:hover {
            background: #e1e1e1 !important;                /* Textfarbe des gehoverten Syncronisieren-Button    */
            color: #292c2f !important;                        /* Hintergrundfarbe des gehoverten Syncronisieren-Button    */    
        }
    
        /*-------------------------------*/
        /********* Button "..." **********/
        /*-------------------------------*/
    
        .menu-button {
            background-color: #5b5b66 !important;        /* Hintergrundfarbe des "..."-Button    */  
            color: #e1e1e1 !important;                    /* Textfarbe des "..."-Button    */
            margin-left: 1px !important;
            margin-right: 10px !important;
            margin-top: 3px !important;
            margin-bottom: 5px !important;
            padding-top: 3px!important;
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-bottom: 3px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;
        }    
        .menu-button:hover {    
            background-color: #e1e1e1 !important;        /* Textfarbe des gehoverten "..."-Button    */
            color: #292c2f !important;                    /* Hintergrundfarbe des gehoverten "..."-Button    */    
        }
    
    
        /*-----------------------------*/
        /************ Mitte ************/
        /*-----------------------------*/
    
        div.container {
            background-color: #292c2f !important;         /* Hintergrundfarbe des Mittelfeldes    */
        }    
        .field-label {
            color: #e1e1e1 !important;                    /* Text im Mittelfeld */
        }
        div.container div.column div.header {
            border-bottom: 2px solid #ff9600 !important;    /* Trennlinie (Seperator) */
    
            margin-right: -200px !important;
            color: #ff9600 !important;                        /* Farbe der Wltkugel    */
        }
    
    
        /*---------------------------*/
        /**** Button "Bearbeiten" ****/
        /*---------------------------*/
        
        .edit-button {
            background: #5b5b66 !important;                /* Hintergrundfarbe des Bearbeiten-Button    */
            color: #e1e1e1 !important;                        /* Textfarbe des Bearbeiten-Button    */    
            margin-right: 10px !important;
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;    
        }
        .edit-button:hover {
            background: #e1e1e1 !important;                /* Textfarbe des gehoverten Syncronisieren-Button    */
            color: #292c2f !important;                        /* Hintergrundfarbe des gehoverten Bearbeiten-Button    */
        }
    
        /*--------------------------*/
        /**** Button "Entfernen" ****/
        /*--------------------------*/
        
        .delete-button {
            background: #5b5b66 !important;                /* Hintergrundfarbe des Entfernen-Button    */         
            color: #e1e1e1 !important;                        /* Textfarbe des Entfernen-Button    */             
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;
        }
        .delete-button:hover {
            background: #e1e1e1 !important;                /* Textfarbe des gehoverten Entfernen-Button    */
            color: #292c2f !important;                        /* Hintergrundfarbe des gehoverten Entfernen-Button    */
        }
    
        /*------------------------------*/
        /*** Button zur Url, bzw Page ***/
        /*------------------------------*/
    
        .origin-input{
            background: #5b5b66 !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 10px !important;
            margin-top: 3px !important;
            margin-bottom: 5px !important;
            padding-top: 3px!important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-bottom: 3px !important;     
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius:8px!important;
        }
        .origin-input:hover{
            background: #e1e1e1 !important;
            color: #292c2f !important;   
        }
        a:hover {
            text-decoration: none !important;                 /* Links nicht unterstichen    */
        }
    
        /* "Benutzer"    */
        input[type="text"]:read-only {
        color: #e1e1e1 !important;                            /* Farbe des "Benutzer"    */    
        }
    
        /*---------------------------------------*/
        /**** Button "Kopieren Benutzernamen" ****/
        /*---------------------------------------*/
        
        div.detail-row login-command-button.copy-button.copy-username-button {
            appearance:none!important;
            background: #5b5b66 !important;                /* Hintergrundfarbe des Kopieren-Button    */         
            color: #e1e1e1 !important;                        /* Textfarbe des Kopieren-Button    */            
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;
            }
        
            div.detail-row login-command-button.copy-button.copy-username-button:hover {
                background: #e1e1e1 !important;            /* Textfarbe des gehoverten Kopieren-Button    */
                color: #292c2f !important;                    /* Hintergrundfarbe des gehoverten Kopieren-Button    */
            }    
        
        /* "Dots"    */
        .password-display {
            color: #e1e1e1 !important;                    /* Farbe der "Dots"    */    
        }            
        .reveal-password-checkbox {
            color: #ff9600 !important;                    /* Farbe des "Auges"    */    
        }
    
        /*----------------------------------*/
        /**** Button "Kopieren Passwort" ****/
        /*----------------------------------*/
        
        div.detail-row login-command-button.copy-button.copy-password-button {
            appearance:none!important;
            background: #5b5b66 !important;                /* Hintergrundfarbe des Kopieren-Button    */         
            color: #e1e1e1 !important;                        /* Textfarbe des Kopieren-Button    */            
            border-color: #ff9600 !important;
            border-style: outset !important;
            border-width:3px !important;
            border-radius: 8px !important;        
        }        
    
        div.detail-row login-command-button.copy-button.copy-password-button:hover {
            background: #e1e1e1 !important;                /* Textfarbe des gehoverten Kopieren-Button    */
            color: #292c2f !important;                        /* Hintergrundfarbe des gehoverten Kopieren-Button    */
        }
    
        /*----------------------------------*/
        /************* Timeline *************/
        /*----------------------------------*/
    
        .timeline > .line {      
            background-color: #e1e1e1 !important;
        }
    
        .timeline > .point {
            stroke: #ff9600 !important;            /* Farbe des Rings */
            stroke-width: 30px !important;             /* Größe der Punkte */
        }
        .timeline > svg {
            fill: #ff9600 !important;                /* Farbe des Punktes */
        }
        div.date {
            color: #e1e1e1 !important;                /* Farbe des Datums */
        }
        div.action {
            color: #e1e1e1 !important;                /* Farbe des Komentars */
        }
    }
    Alles anzeigen

    Und Danke FuchsFan für Deinen Code!

    Nur durch ihn wurde mir klar, warum so mancher Selektor in meinem alten Code nicht mehr funktionierte.

  • Mozilla veröffentlicht Firefox 118

    • Mira_Belle
    • 27. September 2023 um 10:37

    Einstellungen/Allgemein

    runterscrollen bis "Sprachen" und einfach alle Sprachen auswählen.

  • Firefox sichern

    • Mira_Belle
    • 25. September 2023 um 19:38

    D.h. das Profil darf älter sein als die "Installation",

    aber nicht andersherum!

  • Firefox sichern

    • Mira_Belle
    • 25. September 2023 um 18:17
    Zitat von schlingo

    Hallo :)

    im Gegensatz zu 2002Andreas möchte ich behaupten, dass die neue Version problemlos auch höher, aber natürlich nicht niedriger sein darf.

    Gruß Ingo

    Kann sein, ist aber irgendwie egal, denn ich würde auf Nummer sicher gehen.

  • Firefox sichern

    • Mira_Belle
    • 25. September 2023 um 17:32

    Ich möchte ja niemanden verunsichern, aber müssen nicht die Firefoxversionen übereinstimmen?

    Wenn ja, würde ich vorschlagen, auch den "alten" Installationsordner mitzusichern, und dann bei der Wiederherstellung

    auch zu kopieren.

    Solle das eine ältere Version gewesen sein, wird bei einem "Neustart" des Firefox, eh alles neu gemacht,

    was neu gemacht werden muss, ein Update eben.

  • Was hört Ihr gerade?

    • Mira_Belle
    • 25. September 2023 um 13:57

    Bin gerade wieder zwanzig!

    The Dream (Acid Mix)

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

  • Windows 10 Probleme

    • Mira_Belle
    • 24. September 2023 um 17:13

    .DeJaVu Ist ja auch nur für einen Test!

    Wenn Windows damit schnell beendet wird, sollte man definitiv auf die Suche gehen,

    welche Software oder welcher Dienst da dem Shutdown im Wege steht!

    Und natürlich dann schauen, was man dann machen kann.

  • Windows 10 An und Abmelden, ein sehr schwieriges Problem

    • Mira_Belle
    • 24. September 2023 um 17:10

    Ach,

    das kann viele Ursachen haben.

    Festplatte oder SSD.

    Wenn HDD, könnte es an der liegen, oder eben an den Einstellungen zum Ruhemodus.

    Wenn SSD, mh, dann wohl eher die Einstellungen.

    Ist jetzt aber so aus der Ferne nicht wirklich leicht herauszubekommen.

  • Windows 10 Probleme

    • Mira_Belle
    • 24. September 2023 um 13:32

    "shutdown /s /f /t 0"

    Ausprobieren!

  • Was hört Ihr gerade?

    • Mira_Belle
    • 23. September 2023 um 21:51

    DonnerDrachen

    Ein sehr schönes Lied.

    Sehr, sehr früh hat es mir elektronische Musik angetan und mich nie wieder losgelassen.

    O.M.D. - Maid Of Orleans

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    oder

    Ultravox - Vienna

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Und über Wave bin ich dann irgendwann bei EBM,

    also bei Front 242 und ähnlichem gelandet.

    Als ich dann am 05.05.1990 die allererste hr3 clubnight hörte, war ich dem techno verfallen.

    Das Omen und das Dorian Gray wurden zu meinem zweiten zu Hause.

    Es war eine verdammt schöne, verdammt unbekümmerte Zeit.

    Das Gefühl vermisse ich. ;(

  • Wo bin ich zu finden?

    • Mira_Belle
    • 23. September 2023 um 11:30

    Ich kann ja nur raten.

    Zweite Reihe, zweite Person von rechts, würde ich mal tippen.

  • "Bevor Sie zu Youtube weitergehen"

    • Mira_Belle
    • 22. September 2023 um 13:39

    Habe mir darüber nie Gedanken gemacht, aber Danke für deinen Beitrag!

    Nun bin ich auch diesen lästigen Cookiebanner los.

    cookiebanners.service.mode z.Z. auf "2" eingestellt.

  • Bitwarden Addon ohne Icon

    • Mira_Belle
    • 16. September 2023 um 17:19

    Klicke auf das "Puzzlesymbol", suche das Add-on und klicke auf das "Zahnrad".

    In dem sich nun öffnenden Menü wählst Du An Symbolleiste anheften aus.

  • Button für ein Popup zur Zeitanzeige verschiedener Städte in verschiedenen Zeitzonen

    • Mira_Belle
    • 16. September 2023 um 15:33
    Zitat von Mitleser

    Ein Extra-Button mit dieser Funktion würde für mich eher nicht in Frage kommen, u. U. schon ein hover auf die js-Uhr die einige (auch ich) in einer Leiste haben.

    Das passt nur bedingt zum Thema, deshalb:

    Spoiler anzeigen

    Es gibt ja verschiedene Uhren-Scripte, hier mal 'meins' mit Modal-Dialog:

    JavaScript
    (function() {
    
        if (!window.gBrowser){ return; }
       
        function doDatClock() {
            let date = new Date();
            var days = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
            var day = days[date.getDay()];
            let timestr = day + ' - ' + date.toLocaleDateString(locale, { day: '2-digit', month: '2-digit', year: '2-digit'}) +' - ' + date.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit'});
    
            if( count == 1 ) {
                var counter = new Date( 2000 * sec ).toISOString().substr( 11 , 8 ); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
                timestr = counter + ' 🕛️ ' + timestr ;
                sec++;
            }
            ClockLabel.setAttribute( 'value', timestr );
        }
        var count = 1; // if you don't want a counter set this to zero
        var agent = 0; // if you just want the clock set this to zero
        var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
        var personalText = ' - Design\u00A9\u00A9'; // your personal text here
        var cssFontFamily = '';
        var cssColor = 'lightgray'; // Font Color
    
        var css = 'padding-top: 2px; padding-left: 0; padding-right: 0; margin-right: 6px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:normal; font-size:13px; text-shadow: none; width: 190px;';
        var cssA = 'width: auto;';
        var sec = 0;
        var locale = language || window.navigator.languages[0];
        var position = document.getElementById('PlacesChevron');
        var ClockLabel = document.createXULElement('label');
        ClockLabel.setAttribute('id', 'statusbar-clock-display-1');
        ClockLabel.setAttribute('class', 'statusbarpanel_c-text-1');
        ClockLabel.setAttribute('style', css);    
        position.parentNode.insertBefore(ClockLabel, position.nextSibling);
    
        if( agent == 1 ) {
            var AgentLabel = document.createXULElement('label');
            AgentLabel.setAttribute('id', 'statusbar-agent-display-1');
            AgentLabel.setAttribute('class', 'statusbarpanel_a-text-1');
            AgentLabel.setAttribute('style', css + cssA);
            var FFstr = window.navigator.userAgent.split(' ');
            var FF = FFstr[FFstr.length-1].replace( '/' , ' ' );
    //     var text = 'Firefox ' + gAppInfo.version + personalText;
    //     Cc['@mozilla.org/xre/app-info;1'].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);
            
            var text = 'FF ' + AppConstants.MOZ_APP_VERSION_DISPLAY + personalText;
            
    
            AgentLabel.setAttribute( 'value', text );
            position.parentNode.insertBefore(AgentLabel, position.nextSibling);
        }
        if( count == 1 ) {
            ClockLabel.addEventListener('click', function() { sec = 0; });
        }
     window.setInterval( doDatClock , 1000 );
    //-------------Modal-Dialog---------------------------------------
    ClockLabel.addEventListener('mouseover', function() {
                                         
         const lang = 'de-DE';               
         const t = new Date();
    
         const d10 = t.toLocaleDateString(lang,{timeZone:'Europe/Berlin',weekday:'long'})
         const d15 = t.toLocaleDateString(lang,{timeZone:'Europe/Lisbon',weekday:'long'})
         const d20 = t.toLocaleDateString(lang,{timeZone:'America/New_York',weekday:'long'})
         const d30 = t.toLocaleDateString(lang,{timeZone:'Europe/Moscow',weekday:'long'})
         const d40 = t.toLocaleDateString(lang,{timeZone:'Asia/Hong_Kong',weekday:'long'})
         const d50 = t.toLocaleDateString(lang,{timeZone:'Australia/Sydney',weekday:'long'})
       
         const h10 = t.toLocaleTimeString(lang,{timeZone:'Europe/Berlin',hour:'numeric',minute:'numeric',hour12:false})
         const h15 = t.toLocaleTimeString(lang,{timeZone:'Europe/Lisbon',hour:'numeric',minute:'numeric',hour12:false})
         const h20 = t.toLocaleTimeString(lang,{timeZone:'America/New_York',hour:'numeric',minute:'numeric',hour12:false})
         const h30 = t.toLocaleTimeString(lang,{timeZone:'Europe/Moscow',hour:'numeric',minute:'numeric',hour12:false})
         const h40 = t.toLocaleTimeString(lang,{timeZone:'Asia/Hong_Kong',hour:'numeric',minute:'numeric',hour12:false})
         const h50 = t.toLocaleTimeString(lang,{timeZone:'Australia/Sydney',hour:'numeric',minute:'numeric',hour12:false})
       
         const m10 = t.toLocaleDateString(lang,{timeZone:'Europe/Berlin',day: '2-digit', month: 'long'})
         const m15 = t.toLocaleDateString(lang,{timeZone:'Europe/Lisbon',day: '2-digit', month: 'long'})
         const m20 = t.toLocaleDateString(lang,{timeZone:'America/New_York',day: '2-digit', month: 'long'})
         const m30 = t.toLocaleDateString(lang,{timeZone:'Europe/Moscow',day: '2-digit', month: 'long'})
         const m40 = t.toLocaleDateString(lang,{timeZone:'Asia/Hong_Kong',day: '2-digit', month: 'long'})
         const m50 = t.toLocaleDateString(lang,{timeZone:'Australia/Sydney',day: '2-digit', month: 'long'})
    
         const y10 = t.toLocaleDateString(lang,{timeZone:'Europe/Berlin',year: 'numeric'})
         const y15 = t.toLocaleDateString(lang,{timeZone:'Europe/Lisbon',year: 'numeric'})
         const y20 = t.toLocaleDateString(lang,{timeZone:'America/New_York',year: 'numeric'})
         const y30 = t.toLocaleDateString(lang,{timeZone:'Europe/Moscow',year: 'numeric'})
         const y40 = t.toLocaleDateString(lang,{timeZone:'Asia/Hong_Kong',year: 'numeric'})
         const y50 = t.toLocaleDateString(lang,{timeZone:'Australia/Sydney',year: 'numeric'})
    
         const body = document.querySelector('body');
         const dialog = document.createElement('dialog');
    
               dialog.setAttribute('id', 'time-dialog');
               dialog.innerHTML = `
      <table>
        <tr><strong>Internationale Uhrzeiten</strong></tr>
      </table>
      <table>
        <tr>
            <td>Berlin:</td>
            <td>${h10}</td>
            <td>Uhr - </td>
            <td>${d10},</td>
            <td>${m10}</td>
            <td>${y10}</td>
        </tr>
        <tr>
            <td>Lagos(Pt):</td>
            <td>${h15}</td>
            <td>Uhr - </td>
            <td>${d15},</td>
            <td>${m15}</td>
            <td>${y15}</td>
        </tr>
        <tr>
            <td>New York:</td>
            <td>${h20}</td>
            <td>Uhr - </td>
            <td>${d20},</td>
            <td>${m20}</td>
            <td>${y20}</td>
        </tr>
        <tr>
            <td>Moskau:</td>
            <td>${h30}</td>
            <td>Uhr - </td>
            <td>${d30},</td>
            <td>${m30}</td>
            <td>${y30}</td>
        </tr>
        <tr>
            <td>Hongkong:</td>
            <td>${h40}</td>
            <td>Uhr - </td>
            <td>${d40},</td>
            <td>${m40}</td>
            <td>${y40}</td>
        </tr>
        <tr>
            <td>Sydney:</td>
            <td>${h50}</td>
            <td>Uhr - </td>
            <td>${d50},</td>
            <td>${m50}</td>
            <td>${y50}</td>
        </tr>
      </table>
    `;
    setTimeout(function() {
          dialog.close();
      },1000);
    body.appendChild(dialog);
    dialog.showModal();
    
       let sss = Components.classes['@mozilla.org/content/style-sheet-service;1'].getService(Components.interfaces.nsIStyleSheetService);   
       let uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(`
            #time-dialog {
                max-width: auto;
                max-height: auto;
                border: 1px solid orange;
                border-radius: 4px;
            }
          `), null, null);
       sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
    
     })
    //-------------Modal-Dialog---------------------------------------
    })();
    Alles anzeigen

    Da ist sicherlich noch viel redundant, gerade im Bereich der Variablen.

    Danke für das fertige JavaScript.

    Genau so sollte die Funktion werden.

    Werde mir das mal ganz genau anschauen.

    Damit ist dieser Thread am Ende.

    Eventuell spiele ich noch etwas mit Sörens Codschnipsel herum, mal seh'n.

  • Button für ein Popup zur Zeitanzeige verschiedener Städte in verschiedenen Zeitzonen

    • Mira_Belle
    • 15. September 2023 um 10:44

    Sören Hentzschel

    Vielen lieben Dank.

    Nun kann ich erstens meine Gedanken wieder ordnen, mir in aller Ruhe die Codeschnipsel anschauen

    und dann anfangen herumzuexperimentieren, in der Hoffnung, dass ich es doch noch irgendwie gebacken bekomme!

    Ein Gedanke zum Schließen.

    Lässt sich die "Aktion" per "Zeitschleife" automatisieren?

    Also mit z.B.

    JavaScript
    setTimeout(function() {
          dialog.close();
      },250);

    :?:

    Ist nur gerade so eine spontane "Eingebung".

    Nächste Woche habe ich viel Zeit und dann werde ich einen neuen Anlauf wagen.

  • Button für ein Popup zur Zeitanzeige verschiedener Städte in verschiedenen Zeitzonen

    • Mira_Belle
    • 15. September 2023 um 00:57

    Hab es nun hinbekommen.

    Es ist der Code 2!

    Jedoch funktioniert window.open nicht, sondern ich muss window.alert nehmen.

    Das ist blöd, denn damit das Fenster wieder schließt, muss entweder auf den OK Button geklickt werden

    oder eben auf das rote X in der rechten Ecke oben.

    Was auch irgendwie doof ist, der Button zur Anzeige von Datum und Uhrzeit muss erst einmal betätigt worden sein,

    sonst funktioniert es auch nicht.

    Hier mal meinen Erguss.

    JavaScript
    (function() {
    
       if (location.href !== 'chrome://browser/content/browser.xhtml') return; 
       try {
          CustomizableUI.createWidget({
             id: 'time-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {         
                let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
    //            toolbaritem.onclick = event => onClick(event); // Fallback für Dharkness ;)
                var props = {
                   id: 'time-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: 'true',
                   label: 'Internationale Uhrzeiten',
                   accesskey: '', // Wer möchte kann hier z.B. 'C' eintragen, dann kann per "Alt + C" das Skript ausgeführt werden
                   tooltiptext: 'Internationale Uhrzeiten anzeigen',
                };            
                for (var p in props)
                   toolbaritem.setAttribute(p, props[p]);            
    
                // Hinzufügen des Klick-Event-Handlers für das Popup
                toolbaritem.onclick = function (event) {
                   if (event.button === 0) {
    //-----------------------------------------------------------
                      let popupArea = document.getElementById("time-button");
    
                      popupArea.addEventListener("mouseover", function() {
    
                         let language = 'de-DE';
    
                         let = d10 = t.toLocaleDateString( 'de-DE', { timeZone: 'Europe/Berlin',weekday: "long"} )
                         let = d20 = t.toLocaleDateString(`${language}`,{timeZone:'America/New_York',weekday: "long"} )
                         let = d30 = t.toLocaleDateString(`${language}`,{timeZone:'Europe/Moscow',weekday: "long"} )
                         let = d40 = t.toLocaleDateString(`${language}`,{timeZone:'Asia/Hong_Kong',weekday: "long"} )
                         let = d50 = t.toLocaleDateString(`${language}`,{timeZone:'Australia/Sydney',weekday: "long"} )
       
                         let = h10 = t.toLocaleTimeString(`${language}`,{timeZone:'Europe/Berlin',hour:'numeric',minute:'numeric',hour12:false})
                         let = h20 = t.toLocaleTimeString(`${language}`,{timeZone:'America/New_York',hour:'numeric',minute:'numeric',hour12:false})
                         let = h30 = t.toLocaleTimeString(`${language}`,{timeZone:'Europe/Moscow',hour:'numeric',minute:'numeric',hour12:false})
                         let = h40 = t.toLocaleTimeString(`${language}`,{timeZone:'Asia/Hong_Kong',hour:'numeric',minute:'numeric',hour12:false})
                         let = h50 = t.toLocaleTimeString(`${language}`,{timeZone:'Australia/Sydney',hour:'numeric',minute:'numeric',hour12:false})
       
                         let = x10 = t.toLocaleDateString(`${language}`,{timeZone:'Europe/Berlin',day: "numeric", month: "2-digit", year: "numeric"})
                         let = x20 = t.toLocaleDateString(`${language}`,{timeZone:'America/New_York',day: "numeric", month: "2-digit", year: "numeric"})
                         let = x30 = t.toLocaleDateString(`${language}`,{timeZone:'Europe/Moscow',day: "numeric", month: "2-digit", year: "numeric"})
                         let = x40 = t.toLocaleDateString(`${language}`,{timeZone:'Asia/Hong_Kong',day: "numeric", month: "2-digit", year: "numeric"})
                         let = x50 = t.toLocaleDateString(`${language}`,{timeZone:'Australia/Sydney',day: "numeric", month: "2-digit", year: "numeric"})
    
    
    
                      window.alert(`
                   Es ist ${d10}. der ${x10} - es ist ${h10} Uhr in Berlin\n
                   Es ist ${d20}. der ${x20} - es ist ${h20} Uhr in New York\n
                   Es ist ${d30}. der ${x30} - es ist ${h30} Uhr in Moskau
                   Es ist ${d40}. der ${x40} - es ist ${h40} Uhr in Hong Kong              \xa0
                   Es ist ${d50}. der ${x50} - es ist ${h50} Uhr in Sydney`, 
                      "Popup", "width=200,height=100");
    
                      });
    //--------------------------------------------------------
                      let t = new Date()
                      let language = 'de-DE';
    
                      let = d10 = t.toLocaleDateString( 'de-DE', { timeZone: 'Europe/Berlin',weekday: "long"} )
                      let = d20 = t.toLocaleDateString(`${language}`,{timeZone:'America/New_York',weekday: "long"} )
                      let = d30 = t.toLocaleDateString(`${language}`,{timeZone:'Europe/Moscow',weekday: "long"} )
                      let = d40 = t.toLocaleDateString(`${language}`,{timeZone:'Asia/Hong_Kong',weekday: "long"} )
                      let = d50 = t.toLocaleDateString(`${language}`,{timeZone:'Australia/Sydney',weekday: "long"} )
    
                      let = h10 = t.toLocaleTimeString(`${language}`,{timeZone:'Europe/Berlin',hour:'numeric',minute:'numeric',hour12:false})
                      let = h20 = t.toLocaleTimeString(`${language}`,{timeZone:'America/New_York',hour:'numeric',minute:'numeric',hour12:false})
                      let = h30 = t.toLocaleTimeString(`${language}`,{timeZone:'Europe/Moscow',hour:'numeric',minute:'numeric',hour12:false})
                      let = h40 = t.toLocaleTimeString(`${language}`,{timeZone:'Asia/Hong_Kong',hour:'numeric',minute:'numeric',hour12:false})
                      let = h50 = t.toLocaleTimeString(`${language}`,{timeZone:'Australia/Sydney',hour:'numeric',minute:'numeric',hour12:false})
    
                      let = x10 = t.toLocaleDateString(`${language}`,{timeZone:'Europe/Berlin',day: "numeric", month: "2-digit", year: "numeric"})
                      let = x20 = t.toLocaleDateString(`${language}`,{timeZone:'America/New_York',day: "numeric", month: "2-digit", year: "numeric"})
                      let = x30 = t.toLocaleDateString(`${language}`,{timeZone:'Europe/Moscow',day: "numeric", month: "2-digit", year: "numeric"})
                      let = x40 = t.toLocaleDateString(`${language}`,{timeZone:'Asia/Hong_Kong',day: "numeric", month: "2-digit", year: "numeric"})
                      let = x50 = t.toLocaleDateString(`${language}`,{timeZone:'Australia/Sydney',day: "numeric", month: "2-digit", year: "numeric"})
    
                      alert (`
                      Es ist ${d10}. der ${x10} - es ist ${h10} Uhr in Berlin\n
                      Es ist ${d20}. der ${x20} - es ist ${h20} Uhr in New York\n
                      Es ist ${d30}. der ${x30} - es ist ${h30} Uhr in Moskau
                      Es ist ${d40}. der ${x40} - es ist ${h40} Uhr in Hong Kong              \xa0
                      Es ist ${d50}. der ${x50} - es ist ${h50} Uhr in Sydney 
    
                      `);
                   }
                };
                return toolbaritem;
    
    
    
                
             }    
          });
       } catch(e) { };
       
       let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
       let ButtonIcon = "clock.svg"; // Name & Dateiendung des anzuzeigenden Symbols!
       let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
       let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
    
          #time-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") }
          #time-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
             width: 32px !important;
             height: 32px !important;
             fill: lime !important;
             fill-opacity: 1 !important;
          }
    
          #time-button:hover .toolbarbutton-icon {
                fill: var(--uc-color-lightgray-icons) !important; 
                fill-opacity: 1 !important;    
    }
          `), null, null);
    
       sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
    
    })();   
    Alles anzeigen

    Bin heute nicht so gut drauf und es macht überhaupt keinen Spaß.

    Schade.

    Werde es doch noch einmal mit Sörens Code versuchen.

    Wenn ich den so lese, wird es für mich einige Hürden geben.

    JavaScript
    const body = document.querySelector('body');
    const dialog = document.createElement('dialog');
    const btn = document.createElement('button');
    
    dialog.style.backgroundColor = '#0f0';            // #00ff00 Color Hex Green1
    dialog.style.borderColor = '#f00';                // #ff0000 Color Hex Red1
    dialog.appendChild(btn);
    
    btn.textContent = 'close';
    btn.style.backgroundColor = '#ff0';               // #ffff00 Color Hex Yellow1
    
    btn.addEventListener('click', () => {
      dialog.close();
    });
    
    body.appendChild(dialog);
    
    dialog.showModal();
    Alles anzeigen

    Wie beeinflusse ich die Höhe und die Breite?

    Wie kann ich die Ecken abrunden?

    Und wie das "Fenster" mit Inhalt befüllen?

    Und bekomme ich es hin, dass sich dieses Fenster auch wieder von alleine schließt?

    Eine Denksportaufgabe für schlechtes Wetter.

  • Button für ein Popup zur Zeitanzeige verschiedener Städte in verschiedenen Zeitzonen

    • Mira_Belle
    • 15. September 2023 um 00:05

    Halbe Miete habe ich!

    Beim Hovern über den "time-button" erscheint nun ein Fenster!

    Nun muss ich es noch schaffen, dass da auch was angezeigt wird.

Unterstütze uns!

Jährlich (2025)

105,8 %

105,8% (687,41 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon