Anwendungsname und Version in der Menüleiste

milupo

Du bist ja ein pfiffiges Kerlchen. Ich hätte es nicht gewusst.

Dharkness

Zitat von milupo

Du bist ja ein pfiffiges Kerlchen.

Probieren geht über studieren.

milupo

Da gab es ein kleines Missverständnis. Ich habe nämlich für blanks einen N-Dash (\u2013) festgelegt, der sich zwischen Datum und Uhrzeit befindet. Wenn ich blanks weglasse, fällt der N-Dash weg, aber das Komma hinter dem Wochentag bleibt.

Dharkness

Zitat von milupo

dass in Zeile 18 bei der Variable language hsb durch de-DE zu ersetzen ist.

Und in Zeile 61 muss Wersija durch Version oder Firefox ersetzt werden.

milupo

Zitat von Dharkness

Und in Zeile 61 muss Wersija durch Version oder Firefox ersetzt werden.

Ja, da war noch Anderes. Aber oben language ist für die entsprechende Sprache zuständig und, das habe ich jetzt nicht getestet, funktioniert da vielleicht etwas nicht in einem deutschen Firefox. Wenn alles nur in Sorbisch ist, wäre das ja keine Fehlfunktion in engerem Sinn.

lenny2

milupo Dharkness Wow, jetzt haben wir ein hervorragendes Ergebnis! Herzlichen Dank!

Zeile 61: var text = "Firefox v" + .......

Wird die Uhrzeit einmal alle 5 Sekunden aktualisiert?

harff182

Ich hätt da auch noch was vorzuzeigen:

Ohne ESR, Nightly, etc, da ich nur eine Version installiert habe...

milupo

Zitat von lenny2

Wird die Uhrzeit einmal alle 5 Sekunden aktualisiert?

Ja, dafür ist ganz unten die Zeile 72 zuständig. Ändere die 5000 in 1000 und die Zeit sollte sich jede Sekunde aktualisieren.

Dharkness

Zitat von milupo

Ändere die 5000 in 1000 und die Zeit sollte sich jede Sekunde aktualisieren.

Das war das erste, was ich zusätzlich geändert hatte, nachdem das Script eingedeutscht war, danach habe ich die Anzeige des Monats auf short gesetzt.

milupo

Zitat von Dharkness

danach habe ich die Anzeige des Monats auf short gesetzt.

Nö, wenn das schon in einer kleinen Sprache wie Sorbisch möglich ist, dann soll auch soviel Sorbisch wie möglich drin sein. Es ist zum Beispiel nicht selbstverständlich für amerikanische Programmierer, dass der Monatsname im Sorbischen immer im Genitiv steht.

Was das Komma nach dem Wochentag angeht, so wird das sicherlich von Windows bestimmt. Es ist ja das lange Datumsformat.

lenny2

Zitat von milupo

Ja, dafür ist ganz unten die Zeile 72 zuständig. Ändere die 5000 in 1000 und die Zeit sollte sich jede Sekunde aktualisieren.

Jawohl. Danke

2002Andreas

Zitat von milupo

Was das Komma nach dem Wochentag angeht

Wer es testen möchte:

JavaScript

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString(locale, options);
        const blanks = ' der';
        let i = timestr.lastIndexOf(',');
        timestr = timestr.substring(0, i)+ blanks + timestr.substring(i + 1)  + ' Uhr';

        if (count == 1) {
            var counter = new Date(1000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // 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 = '  Heute ist'; // your personal text here
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'black'; // Font Color
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;

    var css = 'padding-top: 5px; padding-left: 0;margin-right:2px;margin-left:4px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:500; font-size:12px; text-shadow: none; width: 340px;';
    var cssA = 'width: auto;';

    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'long',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste


    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        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 = "Firefox  > " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 1000);
})();

Alles anzeigen

Die Werte müssen evtl. noch angepasst werden.

Dharkness

Zitat von 2002Andreas

Wer es testen möchte:

Funktioniert leider nicht mit month: 'short',.

Gabbo

Und jetzt mal meins:

JavaScript

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,' \u2011');
                const blanks = '\u2013';
                let i = timestr.lastIndexOf(' ');
                timestr = timestr.substring(0,i).replace(/[\,]/,' \u2011 ').replace(/[\.]/,'')+ ''+ timestr.substring(i+1).replace(/[\,]/,' \u2011 ');
        if( count == 1 ) {
            var counter = new Date( 2000 * sec ).toISOString().substr( 11 , 8 ).replace(/^[0:]+/, '');
            timestr = timestr + ' 🚬️ ' + counter;
            sec++;
        }
        ClockLabel.setAttribute( 'value', timestr );
    }
    
    var count = 1; // if you don't want a counter set this to zero
    var agent = 1; // 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 = 'var(--uc-color-dd-active-lighter)'; // Font Color

    var css = 'padding-top: 2px; padding-left: 0; padding-right: 4px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:normal; font-size:13px; text-shadow: none; width: 50px;';
    var cssA = 'width: auto;';

    var options = { 
        weekday: 'short',//'long'
        year: '2-digit',//'numeric'
        month: '2-digit',//'long' 
        day: '2-digit',//'numeric' 
        hour: '2-digit',//'2-digit' 
        minute: '2-digit'//'2-digit' 
        };
    
    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-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-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 );
})();

Alles anzeigen

2002Andreas

Zitat von Dharkness

Funktioniert leider nicht mit

Teste bitte mal:

JavaScript

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString(locale, options);
        const blanks = ' der';
        let i = timestr.lastIndexOf(',');
        timestr = timestr.substring(0, i)+ blanks + timestr.substring(i + 1)  + ' Uhr';

        if (count == 1) {
            var counter = new Date(1000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // 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 = '  Heute ist'; // your personal text here
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'black'; // Font Color
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;

    var css = 'padding-top: 5px; padding-left: 0;margin-right:2px;margin-left:4px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:500; font-size:12px; text-shadow: none; width: 340px;';
    var cssA = 'width: auto;';

    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste


    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        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 = "Firefox  > " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 1000);
})();

Alles anzeigen

Dharkness

Zitat von 2002Andreas

Teste bitte mal:

In Deinem Screenshot ist das Komma nach dem Tag (Samstag) schon zu sehen, also haut month: 'short', irgendwie negativ dazwischen.

milupo

@Gabbo Schick ist anders, aber du hast das Problem mit dem Komma nach dem Wochentag bei mir gelöst, auch sonst die .replace-Befehle. Vorher war nur oben einer drin, beim Counter und das auch nur als Kommentar. Das bringt mich weiter.

Zitat von Dharkness

In Deinem Screenshot ist das Komma nach dem Tag (Samstag) schon zu sehen

@Gabbo hat es eliminiert:

JavaScript

var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,'');

Die Methode replace - Gabbo ersetzt das Komma durch einen Bindestrich (\u2011) ich habe dort nur die Anführungszeichen. Wer will, kann ja noch ein Leerzeichen einfügen.

milupo

Dharkness Mit der Zeile von Gabbo klappt es auch bei kurzem Monat.

Dharkness

Hallo milupo,

so * sieht jetzt mein Endergebnis aus und verwende dafür die ** ausgearbeitete Variante des Scripts.

*

**

JavaScript

// Firefox-Version, Datum und Uhrzeit by Milupo und Gabbo
(function() {
    function doDatClock() {
        // var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,' \u2011');
        var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,'');
            const blanks = '\u2013';
            let i = timestr.lastIndexOf(' ');
            timestr = timestr.substring(0,i).replace(/[\,]/,' \u2011 ').replace(/[\.]/,'') + timestr.substring(i+1) + ' Uhr';

        if (count == 1) {
            var counter = new Date(2000 * sec).toISOString().substr(11, 8).replace(/[\,]/,' \u2011 '); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // Wenn Sie keinen Zähler wollen, setzen Sie ihn auf Null. - if you don't want a counter set this to zero
    var agent = 1; // Wenn Sie nur die Uhr haben wollen, setzen Sie dies auf Null. - 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 = ''; // your personal text here
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
    // var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'wheat'; // Font Color

    var css = 'min-height: 20px; max-height: 20px; background-color: #474242; border-left: 1px solid #B2B2B2; padding-top: 1px; padding-bottom: 0px; padding-left: 3px; color: ' + cssColor + '; font-weight: 500; text-shadow: none; width: 220px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px;';
    var cssA = 'min-height: 20px; max-height: 20px; background-color: #474242; padding-right: 3px; padding-bottom: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: auto;';

    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste

    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        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 = "Firefox " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 1000);
})();

Alles anzeigen

omar1979

Hallo allen..

Kann mir evtl. jemand helfen hier in diesem Script vor dem Text: "Firefox Version" ein Icon zu setzen?

Hab selber versucht aber nicht hingekriegt. Das Script ist von 2002Andreas, dem ich hier nochmals danke.

Es sieht jetzt so aus:

und das wäre das Script:

Code

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString(locale, options);
        const blanks = ' -';
        let i = timestr.lastIndexOf(',');
        timestr = timestr.substring(0, i)+ blanks + timestr.substring(i + 1)  + ' Uhr';

        if (count == 1) {
            var counter = new Date(1000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // 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 = '  -'; // your personal text here
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'white'; // Font Color
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;

    var css = 'padding-top: 5px; padding-left: 0;margin-right:2px;margin-left:4px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:500; font-size:12px; text-shadow: none; width: 340px;';
    var cssA = 'width: auto;';

    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste


    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        AgentLabel.setAttribute('style', css + cssA);
        var FFstr = window.navigator.userAgent.split(' ');
        var FF = FFstr[FFstr.length - 1].replace('/', ' ');
        //     var text = "Firefox Version: " + gAppInfo.version + personalText;
        //     Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);

        var text = "     Firefox Version: " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 1000);
})();

Alles anzeigen

Besten Dank im Voraus.

Anwendungsname und Version in der Menüleiste

Ähnliche Themen

Weisser Streifen oberhalb der Menüleiste

Text und Icons in der Mitte von Tabs

Chronik in der Menüleiste ausblenden

Bibliothek-Fenster & Darstellung Menüs in der Menüleiste

Menüleiste - mit Bildchen?

TEXT+SYMBOLE: Ist es möglich die Einträge (Schrift) in der Menüleiste durch Symbole zu ergänzen?