Script für Datums- & Zeitanzeige

Mira_Belle

Seit heute habe ich eine neue Spielwiese.

Das JavaScript DateandClock.us.js, so habe ich es getauft.

Aufgeschnappt habe ich es von hier =>

Beitrag

RE: Script Datum + Uhrzeit neben Menüleiste

Seit heute, seit die Firefox - Version 92 (32bit) installiert worden ist, ist meine "Datum / Uhrzeit" nicht mehr sichtbar.

Komplett weg. Seit März 2021 lief dieses Skript ohne Probleme:

(Quelltext, 70 Zeilen)

Hat einer ne Lösung?

Taupan

11. September 2021 um 16:02

Ich habe es ein wenig verändert und es funktioniert aus so weit.

Nur was mich stört, zwischen Datum und der Zeit wird das Wörtchen um angezeigt.

Es steht da also z.B. Samstag, 7. Januar 2023 um - 22:00:00 Uhr.

Das Wörtchen um hätte ich gerne weg

Die Anzeige sollte so sein: Samstag, 7. Januar 2023 - 22:00:00 Uhr

Das Script:

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763-script-datum-uhrzeit-neben-men%C3%BCleiste/?postID=1182704#post1182704

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

        if( count == 1 ) {
            var counter = new Date( 2000 * 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 language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    //var personalText = ' '; // your personal text here
    var cssFontFamily = 'Arial';
    var cssColor = '#FFBD4F'; // Font Color

    var css = 'padding-top: 5px !important; padding-left: 340px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:200; font-size:16px; text-shadow: none; min-width: 665px;';
    // var css = 'padding-top: 10px !important; padding-left: 0; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:400; font-size:16px; text-shadow: none; width: 50px;';

    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('menubar-items');

    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( count == 1 ) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }
    
    window.setInterval( doDatClock , 1000 );
})();

Alles anzeigen

visoer

Das wirst du wohl mit der replace-Methode machen müssen. Hier der Anfang von meiner Uhr als Beispiel:

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 );
    }

Alles anzeigen

Aber vielleicht geht das auch ohne regex. Das müsste so sein:

Code

.replace('um', '')

die Position musst du ausprobieren.

Mira_Belle

Danke für den Wink mit dem .replace('um', '')

Ich präsentiere, auch mit kleinen Fehlerbereinigungen, das "neue" Datum und Uhrzeit - Script.

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763-script-datum-uhrzeit-neben-men%C3%BCleiste/?postID=1182704#post1182704
// Source file https://www.camp-firefox.de/forum/thema/135820-script-f%C3%BCr-datums-zeitanzeige/?postID=1217031#post1217031

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString( locale , options ).replace('um', '');
                const blanks = ' -  ';
                let i = timestr.lastIndexOf(' ');

                timestr = timestr.substring(0,i) + blanks + timestr.substring(i+1) + ' Uhr';

        if( count == 1 ) {
            var counter = new Date( 2000 * sec ).toISOString().substring( 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 language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var cssFontFamily = 'Segoe UI';
    var cssColor = '#FFA500'; // Font Color

    var css = 'padding-top: 2px !important; padding-left: 350px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:400; font-size:16px; text-shadow: none; min-width: 665px;';

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

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

    var position = document.getElementById('menubar-items');

    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( count == 1 ) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }
    
    window.setInterval( doDatClock , 1000 );
})();

Alles anzeigen

Jetzt gibt es nur noch eine Sache, bei der ich auf Hilfe angewiesen bin.

Die Anzeige sollte frei beweglich sein.

Oder zumindest sich rechts am Rand der Menübar ausrichten,damit die Anzeige auch rechts sich positionieren lässt.

BrokenHeart

Zitat von Mira_Belle

Oder zumindest sich rechts am Rand der Menübar ausrichten,damit die Anzeige auch rechts sich positionieren lässt.

Damit die Anzeige rechtsbündig ist, muss das Label an den Titelbar-Icons (min/max/close) ausgerichtet werden.

Das replace von visoer ist sicher eine gute und praktikable Lösung, da die Funktion aber jede Sekunde aufgerufen wird, sollte man vielleicht die Datums und Zeitanzeige getrennt aufrufen und dann einfach den String zusammenführen. So wird dieses selten dämliche 'um' bzw. 'at' erst gar nicht erzeugt und man muss es nicht entfernen. Keine Ahnung was das soll, in Firefox 91esr war das auf jeden Fall noch nicht drin...

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763-script-datum-uhrzeit-neben-men%C3%BCleiste/?postID=1182704#post1182704

(function() {
    
    if (!window.gBrowser){
        return;
    }
    
    function doDatClock() {
        date = new Date();
        var timestr = date.toLocaleDateString( locale, { weekday: "long", year: "numeric", month: "long", day: "numeric"} ) + 
                      ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit', second: '2-digit' } ) + 
                      ' Uhr'; 

        if( count == 1 ) {
            var counter = new Date( 2000 * 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 language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var cssFontFamily = 'Arial';
    var cssColor = '#FFBD4F'; // Font Color

    var css = 'padding-top: 5px !important; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:200; font-size:16px; text-shadow: none;';
    
    var sec = 0;

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

    var position = document.getElementsByClassName('titlebar-button titlebar-min')[0];
              
    var ClockLabel = document.createXULElement('label');
    
    ClockLabel.setAttribute('id', 'titlebar-clock-display');
    ClockLabel.setAttribute('class', 'titlebarpanel-text');
    ClockLabel.setAttribute('style', css);    
    position.parentNode.insertBefore(ClockLabel, position );
    
    if( count == 1 ) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }
    
    window.setInterval( doDatClock , 1000 );
})();

Alles anzeigen

Mira_Belle

Danke für den Tipp mit dem ausrichten an den Titelbar-Icons (min/max/close).

Das funktioniert auch so weit, wenn man keine Titelleiste verwendet.

Ich nutze sie aber und somit geht es dann doch nicht, wie ich es mir wünsche.

Habe aber mit diesem Script etwas herumgespielt.

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763-script-datum-uhrzeit-neben-men%C3%BCleiste/?postID=1182704#post1182704
// Source file https://www.camp-firefox.de/forum/thema/135820-script-f%C3%BCr-datums-zeitanzeige/?postID=1217031#post1217031

(function() {
    
    if (!window.gBrowser){
        return;
    }
    
    function doDatClock() {
        date = new Date();
//        var timestr = date.toLocaleDateString( locale, { weekday: "long", year: "numeric", month: "long", day: "numeric"} ) + 
//                      ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit', second: '2-digit' } ) + 
//                      ' Uhr';
                      
        var timestr = date.toLocaleDateString( locale, { weekday: "long", year: "numeric", month: "long", day: "numeric"} ) + 
                      ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit' } ) + 
                      ' Uhr';              

//        if( count == 1 ) {
//            var counter = new Date( 2000 * 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 language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var cssFontFamily = 'Segoe UI';
    var cssColor = '#FFA500'; // Font Color

//    var css = 'color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:200; font-size:14px; text-shadow: none;';
    var css = 'color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:400; font-size:16px; text-shadow: none; min-width: 50px;; padding-top: 0px; padding-left: 350px; margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; padding-right: 0px;';

    var sec = 0;

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

//    var position = document.getElementsByClassName('titlebar-button titlebar-min')[0];
    var position = document.getElementById('menubar-items');

    var ClockLabel = document.createXULElement('label');
    
    ClockLabel.setAttribute('id', 'titlebar-clock-display');
    ClockLabel.setAttribute('class', 'titlebarpanel-text');
    ClockLabel.setAttribute('style', css);    
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);
    
//    if( count == 1 ) {
//        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
//    }
    
    window.setInterval( doDatClock , 100 );
})();

Alles anzeigen

Müsste dann noch bereinigt werden.

Eventuell habe ich ja Glück und jemand von den Profis bekommt es hin,

das die "Anzeige" flexibel positionierbar wird/ist.

So in etwa stelle ich es mir vor.

BrokenHeart

Zitat von Mira_Belle

das die "Anzeige" flexibel positionierbar wird/ist.

So in etwa stelle ich es mir vor.

Das kann ich noch anbieten: rechtsbündig in der Menüleiste mit und ohne Titelleiste.

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763-script-datum-uhrzeit-neben-men%C3%BCleiste/?postID=1182704#post1182704

(function() {
    
    if (!window.gBrowser){
        return;
    }
    
    function doDatClock() {
        let date = new Date();
        var timestr = date.toLocaleDateString( locale, { weekday: "long", year: "numeric", month: "long", day: "numeric"} ) + 
                      ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit', second: '2-digit' } ) + 
                      ' Uhr'; 

        if( count == 1 ) {
            var counter = new Date( 2000 * 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 language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var cssFontFamily = 'Arial';
    var cssColor = '#FFBD4F'; // Font Color

    var css = 'padding-top: 5px !important; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:400; font-size:16px; text-shadow: none;';
    
    var sec = 0;

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

    let position = document.querySelector("toolbar#toolbar-menubar spacer");
    position.style.MozBoxOrdinalGroup = "1";

    var ClockLabel = document.createXULElement('label');
    
    ClockLabel.setAttribute('id', 'titlebar-clock-display');
    ClockLabel.setAttribute('class', 'titlebarpanel-text');
    ClockLabel.setAttribute('style', css);    
    ClockLabel.style.MozBoxOrdinalGroup = "1000";
    position.parentNode.insertBefore(ClockLabel, position.nextSibling );
    
    
    if( count == 1 ) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }
    
    window.setInterval( doDatClock , 1000 );
})();

Alles anzeigen

Für "Flexibel positionierbar" müsste man das Anzeige-Element anders erzeugen bzw. eine andere Klasse verwenden.

Mira_Belle

Zitat von BrokenHeart

Das kann ich noch anbieten: rechtsbündig in der Menüleiste mit und ohne Titelleiste.

Für mich ist es perfekt

Vielen, vielen Dank dafür.

Und hier mit "meinen" Anpassungen.

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763-script-datum-uhrzeit-neben-men%C3%BCleiste/?postID=1182704#post1182704
// Source file https://www.camp-firefox.de/forum/thema/135820-script-f%C3%BCr-datums-zeitanzeige/?postID=1217043#post1217043
// Source file https://www.camp-firefox.de/forum/thema/135820-script-f%C3%BCr-datums-zeitanzeige/?postID=1217068#post1217068

(function() {
    
    if (!window.gBrowser){ return; }
    
    function doDatClock() {
        let date = new Date();
        let timestr = date.toLocaleDateString( locale, { weekday: "long", year: "numeric", month: "long", day: "numeric"} ) + 
            ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit' } ) + 
            ' Uhr';

        ClockLabel.setAttribute( 'value', timestr );
    }

    let language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    let cssFontFamily = 'Segoe UI';
    let cssColor = '#FFA500'; // Font Color
    let css = 'color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:400; font-size:14px; text-shadow: none; min-width: 50px;; padding-top: 2px; padding-left: 30px; margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; padding-right: 15px;';
    let locale = language || window.navigator.languages[0];
    let position = document.querySelector("toolbar#toolbar-menubar spacer");

    position.style.MozBoxOrdinalGroup = "1";

    let ClockLabel = document.createXULElement('label');
    
        ClockLabel.setAttribute('id', 'titlebar-clock-display');
        ClockLabel.setAttribute('class', 'titlebarpanel-text');
        ClockLabel.setAttribute('style', css);    
        ClockLabel.style.MozBoxOrdinalGroup = "1000";
        position.parentNode.insertBefore(ClockLabel, position.nextSibling );
    
    window.setInterval( doDatClock , 100 );
})();

Alles anzeigen

Und das Ergebnis will ich Euch auch nicht vorenthalten.

Boersenfeger

Hier meine Anzeige, falls für jemanden interessant....

JavaScript

    /* Uhr in Nav-Bar */
    
function doDatUhrCallback() {try{doDatUhr();}catch(ex){} }
 function convertUTCDateToLocalDate(date) {
  var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);

  var offset = date.getTimezoneOffset() / 60;
  var hours = date.getHours();

  newDate.setHours(hours - offset);

  return newDate;
}
 function doDatUhr() {
 var days = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
 var months = ["Jan", "Feb", "März", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Dez"];
 window.setTimeout(doDatUhrCallback, 1000);
            var D = new Date();
            var day = days[D.getDay()];
            var month = months[D.getMonth()];
            var year = D.getFullYear();
            var hour = D.getHours();
            var minute = D.getMinutes();
            var second = D.getSeconds();

            var date = day + ", " + (D.getDate() < 10 ? "0" +D.getDate() : D.getDate()) + ". " + month + ". " + year + " ";
            var time = (hour < 10 ? "0" +hour : hour) + ":" + (minute < 10 ? "0" +minute : minute) + ":" + (second < 10 ? "0" +second : second);
            var timestr = date + time + " Uhr" + " ";
            var text = " Nightly 64 ";
            var status = document.getElementById("statusbar-clock-display");
            status.setAttribute("value", text + timestr);
            if (hours < 6 || hours > 20) {
            status.setAttribute("style", "color: white");
            }
            else {
            status.setAttribute("style", "color: white");
            }
            status.setAttribute("style", clockstyle);
            }

            var ClockStatus = document.getElementById("urlbar-container");
            var ClockLabel = document.createXULElement("label");
            ClockLabel.setAttribute("id", "statusbar-clock-display");
            ClockLabel.setAttribute("class", "statusbarpanel-text");
            ClockLabel.setAttribute("style", "padding-top:3px!important;font-size:19px;font-weight:bold;color:white!important;");
            ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
            doDatUhr();

Alles anzeigen

Mira_Belle

Zitat von Boersenfeger

JavaScript

    /* Uhr in Nav-Bar */
    
function doDatUhrCallback() {try{doDatUhr();}catch(ex){} }
 function convertUTCDateToLocalDate(date) {
  var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);

  var offset = date.getTimezoneOffset() / 60;
  var hours = date.getHours();

  newDate.setHours(hours - offset);

  return newDate;
}
 function doDatUhr() {
 var days = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
 var months = ["Jan", "Feb", "März", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Dez"];
 window.setTimeout(doDatUhrCallback, 1000);
            var D = new Date();
            var day = days[D.getDay()];
            var month = months[D.getMonth()];
            var year = D.getFullYear();
            var hour = D.getHours();
            var minute = D.getMinutes();
            var second = D.getSeconds();

            var date = day + ", " + (D.getDate() < 10 ? "0" +D.getDate() : D.getDate()) + ". " + month + ". " + year + " ";
            var time = (hour < 10 ? "0" +hour : hour) + ":" + (minute < 10 ? "0" +minute : minute) + ":" + (second < 10 ? "0" +second : second);
            var timestr = date + time + " Uhr" + " ";
            var text = " Nightly 64 ";
            var status = document.getElementById("statusbar-clock-display");
            status.setAttribute("value", text + timestr);
            if (hours < 6 || hours > 20) {
            status.setAttribute("style", "color: white");
            }
            else {
            status.setAttribute("style", "color: white");
            }
            status.setAttribute("style", clockstyle);
            }

            var ClockStatus = document.getElementById("urlbar-container");
            var ClockLabel = document.createXULElement("label");
            ClockLabel.setAttribute("id", "statusbar-clock-display");
            ClockLabel.setAttribute("class", "statusbarpanel-text");
            ClockLabel.setAttribute("style", "padding-top:3px!important;font-size:19px;font-weight:bold;color:white!important;");
            ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
            doDatUhr();

Alles anzeigen

Ich habe mir mal erlaubt, Dein Script für mein Testprofil zu "vergewaltigen".

JavaScript

    
function doDatUhrCallback() {
  if (location.href !== 'chrome://browser/content/browser.xhtml') return;
  try{doDatUhr();}catch(ex){} 
}

  function convertUTCDateToLocalDate(date) {
    var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);

    var offset = date.getTimezoneOffset() / 60;
    var hours = date.getHours();

    newDate.setHours(hours - offset);
    return newDate;
  }
    
  function doDatUhr() {
    window.setTimeout(doDatUhrCallback, 1000);
      var text = " Testprofil ";
      var status = document.getElementById("statusbar-clock-display");

      status.setAttribute("value", text);
        if (hours < 6 || hours > 20) {
          status.setAttribute("style", "color: red");
        }

        else {
          status.setAttribute("style", "color: red");
        }

          status.setAttribute("style", clockstyle);
  }

  var ClockStatus = document.getElementById("menubar-items");
  var ClockLabel = document.createXULElement("label");
  ClockLabel.setAttribute("id", "statusbar-clock-display");
  ClockLabel.setAttribute("class", "statusbarpanel-text");
  ClockLabel.setAttribute("style", "padding-left: 280px!important; font-size:20px; font-weight:bold; color:red!important;");
  ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);

doDatUhr();

Alles anzeigen

Kannst Du mir zeigen, wie ich das if ... else ... gedöhns los werde und das Script immer noch den Text anzeigt?

2002Andreas

Zitat von Mira_Belle

immer noch den Text anzeigt?

Meinst du das Wort "Testprofil"?

Wenn ja, dann geht das doch auch per CSS Code:

CSS

#helpMenu::after {
  content: "Testprofil" !important;
  margin-left: 250px !important;
  color: red !important;
  font-weight: bold !important;
}

Mira_Belle

Zitat von 2002Andreas

Wenn ja, dann geht das doch auch per CSS Code:

CSS

#helpMenu::after {
  content: "Testprofil" !important;
  margin-left: 250px !important;
  color: red !important;
  font-weight: bold !important;
}

Och nö, das ist doch viel zu einfach.

Danke, habe ich übernommen und das ursprüngliche Script für die Zeit- und Datumsanzeige wieder genommen.

2002Andreas

Zitat von Mira_Belle

das ist doch viel zu einfach.

Sorry, aber ich weiß nicht wie ich es komplizierter machen sollte

Zitat von Mira_Belle

Danke, habe ich übernommen

Gerne doch.

Mira_Belle

Das Skript muss für den Firefox 113 angepasst werden!

Hier die "neue" Version:

JavaScript

// DateandClock.us.js
// Source file https://www.camp-firefox.de/forum/thema/122763/?postID=1182704#post1182704
// Source file https://www.camp-firefox.de/forum/thema/135820/?postID=1217043#post1217043
// Source file https://www.camp-firefox.de/forum/thema/135820/?postID=1217068#post1217068
// Source file https://www.camp-firefox.de/forum/thema/135820/?postID=1225317#post1225317

(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, { year: "numeric", month: "2-digit", day: "numeric"} ) +
            ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit' } ) +
            ' Uhr';

        ClockLabel.setAttribute( 'value', timestr );
    }

    let language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    let cssFontFamily = 'Segoe UI';
    let cssColor = '#FFA500'; // Font Color
    let css = `
        color: ${cssColor};
        font-family: ${cssFontFamily};
        font-weight:400;
        font-size:14px;
        text-shadow: none;
        min-width: 50px;;
        padding-top: 2px;
        padding-left: 25px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-right: 15px;
    `;

    let locale = language || window.navigator.languages[0];
    let position = document.querySelector("toolbar#toolbar-menubar spacer");

        position.style.order = "1";

    let ClockLabel = document.createXULElement('label');  
        ClockLabel.setAttribute('id', 'titlebar-clock-display');
        ClockLabel.setAttribute('class', 'titlebarpanel-text');
        ClockLabel.setAttribute('style', css);    
        ClockLabel.style.order = "1000";
        position.parentNode.insertBefore(ClockLabel, position.nextSibling );
    window.setInterval( doDatClock , 100 );
})();

Alles anzeigen

2002Andreas

Zitat von Mira_Belle

Das Skript muss für den Firefox 113 angepasst werden!

Hier ist alles ok

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Das Skript muss für den Firefox 113 angepasst werden!

Hier ist alles ok

Beachte Zeile 44 & 50!

2002Andreas

Zitat von Mira_Belle

Beachte

Ich nutze ein anderes Skript

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 = '   >   designed by Andreas   <  Heute ist'; // your personal text here
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'white'; // Font Color

    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;margin-left: 50px;';

    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('ExtraConfigMenu-button'); // 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 + 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

Darum muss ich wohl auch nichts ändern.

Boersenfeger

Es sollte bestimmt

// DateandClock.uc.js

heißen?

Ich nutze ebenfalls das Script von 2002Andreas, dies funktioniert ohne Änderung auch in Nightly 115

Mira_Belle

Zitat von Boersenfeger

Es sollte bestimmt
// DateandClock.uc.js
heißen?

Zitat von Boersenfeger

Ich nutze ebenfalls das Script von 2002Andreas, dies funktioniert ohne Änderung auch in Nightly 115

Ist doch auch klar, es kommt ja auch nicht

position.style.MozBoxOrdinalGroup = "1";

und auch nicht

position.parentNode.insertBefore(ClockLabel, position.nextSibling );

vor!

Das habe ich von BrokenHeart, damit der "Text", also das Datum und die Uhrzeit, eben nicht mittig angezeigt wird,

sondern rechts neben dem Rand unter den "Schließenbutton".

grisu2099

Also ist das ein speziell auf deine Wünsche angepaßtes Skript, welches diese Änderung benötigt.

Die allgemein verbreitete Version benötigt keine Änderung!

Mira_Belle

Zitat von grisu2099

Also ist das ein speziell auf deine Wünsche angepaßtes Skript, welches diese Änderung benötigt.
Die allgemein verbreitete Version benötigt keine Änderung!

Es geht hier um das weiter entwickelte Skript, um das es von Anfang an geht!

Wenn "Ihr" ein anderes Skript nutzt ist das OK, nur hat dieses dann mit dem Skript nicht wirklich viel zu tun.

"Euer" Skript stammt dann aus einem anderen Thread.

Script für Datums- & Zeitanzeige

RE: Script Datum + Uhrzeit neben Menüleiste

Mira_Belle 8. Januar 2023 um 20:57

Mira_Belle 8. Januar 2023 um 20:58