Script Datum + Uhrzeit neben Menüleiste

Kerian

Ein Hallo an alle Schrauberspezialisten!
Ich bräuchte mal eure Hilfe!
Speziell an 2002Andreas, weil ich gesehen hab das das was ich suche bei ihm funktioniert. :wink:

Als erstes möchte ich sagen das ich den FF57 top finde, vor allem die Speed ist (bei mir) deutlich besser!
Nun hab ich mir (wegen dem kleinen Addon-Chaos) den Fuchs durch verschiedene css-Codes wieder einigermassen zurechtbiegen können.
Jetzt fehlt mir eigentlich nur noch eine Sache zum ->

Hatte vorher die Erweiterung userChromeJS und ein einziges Script laufen welches das Datum und die Uhrzeit neben der Menüleiste anzeigte.

[attachment=0]Uhrscriptalt.jpg[/attachment]

Hier das dazugehörige Script

Code

/* ##########       Statusbar - Uhr         ####### */
                                function doDatUhrCallback() {try{doDatUhr();}catch(ex){} }
                                function doDatUhr() {
                                var days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
                                var months = ["Januar", "Februar", "Maerz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
                                var title = content.document.title;
                                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 + "" + "    ";
                                var text ="                             ";     


                                 
                                var status = document.getElementById("statusbar-clock-display");
                                status.setAttribute("value", text + timestr);}


                                //var ClockStatus = document.getElementById("statusbar-display");
                                var ClockStatus = document.getElementById("menubar-items");
                                var ClockLabel = document.createElement("label");
                                ClockLabel.setAttribute("id", "statusbar-clock-display");
                                ClockLabel.setAttribute("class", "statusbarpanel-text");
                                ClockLabel.setAttribute("style", "padding-top: 3px; padding-left: 1px;color:#01DFD7;font-weight:bold;text-shadow:none");
                                ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
                                doDatUhr();


                        /* ##########    Statusbar - Uhr     ########## */

Alles anzeigen

Da die Erweiterung nicht mehr kompatibel ist habe ich mich nun durch die Links in diesen Beitrag gearbeitet-> https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122615. Aber mittlerweile raucht mir der Kopf. :wink:
Bin jetzt nach dieser Anleitung vorgegangen ->https://github.com/Endor8/userChr…ster/userChrome
Alle 4 Dateien mit samt Inhalt hab ich an den Pfadadressen platziert wie dort angegeben. Das Script wieder als einziges in die userchrome.js im Chrome-Ordner des Profils gesetzt. Aber es tut sich nüschts ...

Einige Änderungen am Fuchs sollen ja nicht mehr möglich sein. Vielleicht funktioniert das Ganze ja auch gar nicht mehr im FF57, habe irgendetwas beim kreuz- und querlesen nicht mitbekommen oder sehe den Wald vor lauter Bäumen nicht mehr. :roll:
Oder gibt es etwas ähnliches wie sich das im Fuchs in dieser Form (ohne Buttons die erst angeklickt werden müssen) direkt anzeigen lässt? Muss nicht neben der Menüzeile sein, hauptsache irgendwo im Fuchs.
Wäre schön wenn mich einer mal schütteln könnte oder einfach sagt -> "Des jet so nüscht mehr". :mrgreen:

Noch ne kurze Anmerkung -> Was ihr Jungs hier im Forum leistet ist -> :klasse:

Gruss
Kerian

2002Andreas

Zitat von Kerian

Vielleicht funktioniert das Ganze ja auch gar nicht mehr im FF57

Doch, und auch im Fx 58 und 59.

Prüf bitte einfach alles noch mal ganz in Ruhe nach, es ist bestimmt nur ein kleiner Fehler bei dir.

Ansonsten, dieses Script nutze ich überall:

CSS

function doDatUhrCallback() {try{doDatUhr();}catch(ex){} }
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 + "" + "    ";


	var text ="         Firefox  57         ";



	var status = document.getElementById("statusbar-clock-display");
	status.setAttribute("value",text + timestr);}


	//var ClockStatus = document.getElementById("statusbar-display");
	var ClockStatus = document.getElementById("helpMenu");
	var ClockLabel = document.createElement("label");
	ClockLabel.setAttribute("id", "statusbar-clock-display");
	ClockLabel.setAttribute("class", "statusbarpanel-text");
	ClockLabel.setAttribute("style", "padding-top: 4px!important; padding-left: 50px;color:yellow;font-weight:bold;text-shadow:none");
	ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
	doDatUhr();

Alles anzeigen

kannst das ja auch mal testen.

Kerian

Hallo 2002Andreas,

vielen Dank für die Antwort!
Habe jetzt nochmal alles geprüft und mein vorliegendes Script durch Deins hier ersetzt.
Funktioniert wieder! :klasse:
Warum gings nicht? :-?? Egal, et läuft. :mrgreen:

Eine Sache hätte ich noch. Ich würde gern die Hintergrundfarbe der Lesezeichen-Popupmenüs ändern.
Wenn ich den Lesezeichenbutton anklicke ist der Hintergrund dunkelgrau (schon durch css-Code gemacht).
Habe die einzelnen Lesezeichenordner auch in der Lesezeichen-Symbolleiste. Hätte da gern auch die
Möglichkeit die Hintergrundfarbe und die Textfarbe zu ändern. Gibt's da was?

[attachment=0]Bookmarks Hintergrund2.jpg[/attachment]

Gruß
Kerian

thomas7

Zitat von 2002Andreas

Ansonsten, dieses Script nutze ich überall:

CSS

function doDatUhrCallback() {try{doDatUhr();}catch(ex){} }
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 + "" + "    ";


	var text ="         Firefox  57         ";



	var status = document.getElementById("statusbar-clock-display");
	status.setAttribute("value",text + timestr);}


	//var ClockStatus = document.getElementById("statusbar-display");
	var ClockStatus = document.getElementById("helpMenu");
	var ClockLabel = document.createElement("label");
	ClockLabel.setAttribute("id", "statusbar-clock-display");
	ClockLabel.setAttribute("class", "statusbarpanel-text");
	ClockLabel.setAttribute("style", "padding-top: 4px!important; padding-left: 50px;color:yellow;font-weight:bold;text-shadow:none");
	ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
	doDatUhr();

Alles anzeigen

Kann man dieses Script nicht einfach an ein anderes Script (z.B. Mousehover) durch Leerzeile getrennt in der userChrome.js anhängen oder wo liegt mein Fehler? Trotz Neustart erscheint neben der Menüzeile leider nichts.

2002Andreas

Im Prinzip geht das schon, kann aber zu Fehlern führen.

Also besser immer eine eigene Datei erstellen.

Endor

in die userChrome.js kommt eigentlich nur der Einzeiler zum Laden der Scripte.
Sämtliche Scripte werden jedes in eine eigene Datei mit der Endung uc.js gespeichert.
Also zbs. Mousehover.uc.js usw.
Der Einzeiler sieht so aus:

Code

userChrome.import("*", "UChrm");

Mfg.
Endor

2002Andreas

Zitat von Kerian

die Hintergrundfarbe und die Textfarbe zu ändern.

Teste bitte mal:

CSS

#toolbar-context-menu, menuitem, menupopup, popup, menupopup >  menu, menupopup menuitem, popup menu, popup menuitem, #bookmarks-menu autorepeatbutton,
#personal-bookmarks autorepeatbutton {
-moz-appearance: none!important;
background-color: grey!important;
}


menuitem {
color: #BFEFFF!important;
}


 menupopup menu{
color:yellow!important}

Alles anzeigen

Farben kannst du dir anpassen.

EffPeh

Andreas, ich habe mir erlaubt, dein Script zu überarbeiten:

CSS

function doDatClockCallback() { try{ doDatClock(); } catch(ex){} }


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

	var timestr = new Date().toLocaleDateString('de-DE',options);


	var ua = window.navigator.userAgent;
	var FFstr = ua.split(' ');
	var FF = FFstr[FFstr.length-1].replace( '/' , ' ' );

	var text = FF + ' ';


	var agent = document.getElementById('statusbar-agent-display');
	agent.setAttribute( 'value', text );

	var status = document.getElementById('statusbar-clock-display');
	status.setAttribute( 'value', timestr );

	window.setTimeout(doDatClockCallback, 1000);	
}


var css = 'padding-top: 4px !important; padding-left: 5px; color: yellow; font-weight: 700; text-shadow: none;';




var ClockStatus = document.getElementById('helpMenu');


var AgentLabel = document.createElement('label');
AgentLabel.setAttribute('id', 'statusbar-agent-display');
AgentLabel.setAttribute('class', 'statusbarpanel-text');
AgentLabel.setAttribute('style', css);


var ClockLabel = document.createElement('label');
ClockLabel.setAttribute('id', 'statusbar-clock-display');
ClockLabel.setAttribute('class', 'statusbarpanel-text');
ClockLabel.setAttribute('style', css);	


ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
ClockStatus.parentNode.insertBefore(AgentLabel, ClockStatus.nextSibling);


doDatClock();

Alles anzeigen

2002Andreas

Zitat von EffPeh

dein Script zu überarbeiten:

Das ist ein uraltes und nicht von mir. :wink:
statusbarclock

Ich habe nur meinen Namen und die Fx Version mal eingefügt.

EffPeh

Man merkt, das es uralt ist.
Das hier verwendet toLocaleDateString() - macht weniger Arbeit - und über window.navigator.userAgent wird automatisch die Version ermittelt. Vorausgesetzt, es wird der echte Agent verwendet.
Ausserdem habe ich der Fuchs-Version ein eigenes label-Element gegönnt.

Kerian

Zitat von 2002Andreas

Teste bitte mal:

CSS

#toolbar-context-menu, menuitem, menupopup, popup, menupopup >  menu, menupopup menuitem, popup menu, popup menuitem, #bookmarks-menu autorepeatbutton,
#personal-bookmarks autorepeatbutton {
-moz-appearance: none!important;
background-color: grey!important;
}


menuitem {
color: #BFEFFF!important;
}


 menupopup menu{
color:yellow!important}

Alles anzeigen

Farben kannst du dir anpassen.

Funktioniert :klasse: Danke.

miku23

EffPeh: Wenn du dich mit Github auskennst willst du vielleicht ein PR erstellen und die überarbeite Versionen allen Nutzern zur Verfügung stellen.
Wenn du keinen Github Account hast kann ich das gerne für dich übernehmen und dich als Autor nennen, bitte zitiere mich hier im Forum dazu einfach damit ich eine Benachrichtigung erhalte

EffPeh

Zitat von miku23

EffPeh: Wenn du dich mit Github auskennst willst du vielleicht ein PR erstellen und die überarbeite Versionen allen Nutzern zur Verfügung stellen.
Wenn du keinen Github Account hast kann ich das gerne für dich übernehmen und dich als Autor nennen, bitte zitiere mich hier im Forum dazu einfach damit ich eine Benachrichtigung erhalte

miku, ich hatte mal einen Account, aber ich habe da keine Zugangsdaten mehr. Du kannst das Einstellen dieses - oder anderer Scripte, die ich hier poste - also gerne für mich übernehmen. Kein Thema.

miku23

PR ist erstellt: https://github.com/ardiman/userChrome.js/pull/2

EffPeh

Dankeschön, miku... :klasse:

EffPeh

Zitat von miku23

PR ist erstellt[...]

miku, ich habe hier noch ein kleines Update.
Ich habe noch einen zusätzlichen Counter eingebaut, der die Browser-Laufzeit zählt (max. 24h).
Über den flag count kann der auch deaktiviert werden.

CSS

function doDatClockCallback() { try{ doDatClock(); } catch(ex){} }


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

	var locale = language || window.navigator.languages[0];
	var timestr = new Date().toLocaleDateString( locale , options );
	if( count == 1 ) {
		var counter = new Date( 1000 * sec ).toISOString().substr( 11 , 8 ); // .replace(/^[0:]+/, '') // if you want to replace zeroes and :
		timestr = timestr + ' (' + counter + ')';
		sec++;
	}

	var ua = window.navigator.userAgent;
	var FFstr = ua.split(' ');
	var FF = FFstr[FFstr.length-1].replace( '/' , ' ' );

	var text = FF + ' ';


	var agent = document.getElementById('statusbar-agent-display');
	agent.setAttribute( 'value', text );

	var status = document.getElementById('statusbar-clock-display');
	status.setAttribute( 'value', timestr );

	window.setTimeout( doDatClockCallback , 1000 );	
}


var sec = 0;
var count = 1; // 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 css = 'padding-top: 4px !important; padding-left: 5px; color: yellow; font-weight: 700; text-shadow: none;';


var ClockStatus = document.getElementById('helpMenu');


var AgentLabel = document.createElement('label');
AgentLabel.setAttribute('id', 'statusbar-agent-display');
AgentLabel.setAttribute('class', 'statusbarpanel-text');
AgentLabel.setAttribute('style', css);


var ClockLabel = document.createElement('label');
ClockLabel.setAttribute('id', 'statusbar-clock-display');
ClockLabel.setAttribute('class', 'statusbarpanel-text');
ClockLabel.setAttribute('style', css);	


ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
ClockStatus.parentNode.insertBefore(AgentLabel, ClockStatus.nextSibling);


doDatClock();

Alles anzeigen

Edith: var language hinzugefügt. Falls nicht gesetzt, wird locale über window.navigator.languages ermittelt.

kodela

Zitat von Endor
in die userChrome.js kommt eigentlich nur der Einzeiler zum Laden der Scripte.
Sämtliche Scripte werden jedes in eine eigene Datei mit der Endung uc.js gespeichert.
Also zbs. Mousehover.uc.js usw.
Der Einzeiler sieht so aus:
Code
userChrome.import("*", "UChrm");

Endor & 2002Andreas
Ich finde dieses Thema sehr interessant, kenne mich aber mit dem Einbinden von JS überhaupt nicht aus. Was man nicht kann, kann man aber lernen, dachte ich mir und sah dafür das Problem von Kerian als geeignetes Übungsprojekt an.

Wie auf der Seite https://github.com/Endor8/userChr…ster/userChrome beschrieben ist, erstellte ich mir die vier unbedingt benötigten Dateien und verteilte sie, wie beschrieben.

Dann erstellte ich mit dem von Andreas geposteten Code für die Datums- und Zeitanzeige im chrome-Verzeichnis eine Scriptdatei mit der Bezeichnung UChrm.uc.js.

In der Datei userChrome.js trug ich den vorstehend angegebenen Aufruf für das eigentliche Script.

Es tut sich leider nichts, weil ich in meiner Unkenntnis sicherlich einiges falsch gemacht habe. Ich habe zum Beispiel keine Ahnung davon, was in den beiden Strings für den Import eingetragen werden muss.

Könnt Ihr mir einen Tipp geben, wo ich dazu etwas finden kann, nach Möglichkeit in Deutsch. Danke schon einmal.

MfG, kodela

2002Andreas

Zitat von kodela

was in den beiden Strings

Welche "beiden"?

In der userChrome.js kommt nur dieser eine Eintrag so wie er ist:

Code

userChrome.import("*", "UChrm");

Dadurch weiß der Fx dass er alle! vorhanden Scripte aufrufen/nutzen soll.

Am besten denke ich mal, überprüf einfach ganz in Ruhe noch mal alle Schritte die erforderlich sind zur Nutzung der Scripte.

Die Dateiendung für jedes Script muss immer auf:

.uc.js

enden.

kodela

2002Andreas:
Zunächst Danke für Deine Hinweise. Jetzt ist alles klar, das Script funktioniert.

Zitat

Welche "beiden"?

Mit den beiden Strings für den Import habe ich die beiden String-Parameter in dieser Codezeile gemeint:

Code

userChrome.import("*", "UChrm");

also einmal den Stern "*" (als Platzhalter) und dann den Text "UChrm". Hier lag auch mein Fehler. Ich versuchte mit diesen Parametern das Script zu übergeben.

Pentomino

Ich möchte an dieser Stelle mein größtes Lob für die ausführlichen Erklärungen aussprechen, die in diesem Forum insgesamt dargelegt werden :klasse:
Insbesondere die praktisch narrensichere Anleitung von "Endor" bei "github.com" ermöglichte es mir -auch als ziemlich durchschnittlich begabtem Anwender- hier zB. die notwendigen Aktionen zur Aktivierung der Uhrzeitanzeige in Firefox durchzuführen. Nochmals danke ! :klasse: