Script Datum + Uhrzeit neben Menüleiste

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Benutzeravatar
Kerian
Junior-Mitglied
Beiträge: 13
Registriert: Mi, 08. Nov 2006 11:17

Script Datum + Uhrzeit neben Menüleiste

#1

Beitrag von Kerian Themen-Starter » Fr, 17. Nov 2017 17:23

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 -> :D

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

Uhrscriptalt.jpg
Uhrscriptalt.jpg (63.5 KiB) 1213 mal betrachtet

Hier das dazugehörige Script

Code: Alles auswählen

 /* ##########       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     ########## */

Da die Erweiterung nicht mehr kompatibel ist habe ich mich nun durch die Links in diesen Beitrag gearbeitet-> viewtopic.php?f=16&t=122615. Aber mittlerweile raucht mir der Kopf. :wink:
Bin jetzt nach dieser Anleitung vorgegangen ->https://github.com/Endor8/userChrome.js ... 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
Als ich des Suchens müde war, erlernte ich das Finden (Friedrich Nietzsche)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 37872
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Script Datum + Uhrzeit neben Menüleiste

#2

Beitrag von 2002Andreas » Fr, 17. Nov 2017 17:37

Kerian hat geschrieben:
Fr, 17. Nov 2017 17:23
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:

Code: Alles auswählen

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();
kannst das ja auch mal testen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
Kerian
Junior-Mitglied
Beiträge: 13
Registriert: Mi, 08. Nov 2006 11:17

Re: Script Datum + Uhrzeit neben Menüleiste

#3

Beitrag von Kerian Themen-Starter » Fr, 17. Nov 2017 19:11

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?

Bookmarks Hintergrund2.jpg
Bookmarks Hintergrund2.jpg (106.43 KiB) 1174 mal betrachtet
Gruß
Kerian
Als ich des Suchens müde war, erlernte ich das Finden (Friedrich Nietzsche)

Benutzeravatar
thomas7
Mitglied
Beiträge: 172
Registriert: Mo, 02. Mai 2005 9:41

Re: Script Datum + Uhrzeit neben Menüleiste

#4

Beitrag von thomas7 » Fr, 17. Nov 2017 19:21

2002Andreas hat geschrieben:
Fr, 17. Nov 2017 17:37
Ansonsten, dieses Script nutze ich überall:

Code: Alles auswählen

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();
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.
Mit besten Grüßen vom Ammersee
Thomas

Notebook Dell XPS 13 9360, Intel Core i5-7200U, 8 GB RAM, SSD 256 GB, Intel HD Graphics 620, Win 10 Prof 64 bit, Kaspersky KAV

Benutzeravatar
2002Andreas
Moderator
Beiträge: 37872
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Script Datum + Uhrzeit neben Menüleiste

#5

Beitrag von 2002Andreas » Fr, 17. Nov 2017 19:24

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

Also besser immer eine eigene Datei erstellen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
Endor
Senior-Mitglied
Beiträge: 11992
Registriert: Fr, 20. Apr 2007 15:41
Wohnort: Irgendwo ganz weit im Süden und doch mitten in den Bergen
Kontaktdaten:

Re: Script Datum + Uhrzeit neben Menüleiste

#6

Beitrag von Endor » Fr, 17. Nov 2017 19:26

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: Alles auswählen

userChrome.import("*", "UChrm");
Mfg.
Endor
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0.1
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:62.0) Gecko/Firefox/62.0b7
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:63.0) Gecko/Firefox/63.0a1

OS: Windows 7 H. P. 64 Bit Versions Info Stand 11.07.2018
Kein Support per PN. Fragen bitte im Forum stellen!

Benutzeravatar
2002Andreas
Moderator
Beiträge: 37872
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Script Datum + Uhrzeit neben Menüleiste

#7

Beitrag von 2002Andreas » Fr, 17. Nov 2017 19:31

Kerian hat geschrieben:
Fr, 17. Nov 2017 19:11
die Hintergrundfarbe und die Textfarbe zu ändern.
Teste bitte mal:

Code: Alles auswählen

#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}
Farben kannst du dir anpassen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

EffPeh
Senior-Mitglied
Beiträge: 1413
Registriert: Mi, 04. Okt 2017 10:22

Re: Script Datum + Uhrzeit neben Menüleiste

#8

Beitrag von EffPeh » Fr, 17. Nov 2017 20:04

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

Code: Alles auswählen

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();
Windows 10 | FF 61.0 (64-Bit) / FF 60.0 (64-Bit)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 37872
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Script Datum + Uhrzeit neben Menüleiste

#9

Beitrag von 2002Andreas » Fr, 17. Nov 2017 20:11

EffPeh hat geschrieben:
Fr, 17. Nov 2017 20:04
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.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

EffPeh
Senior-Mitglied
Beiträge: 1413
Registriert: Mi, 04. Okt 2017 10:22

Re: Script Datum + Uhrzeit neben Menüleiste

#10

Beitrag von EffPeh » Fr, 17. Nov 2017 20:18

Man merkt, das es uralt ist. :P
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.
Windows 10 | FF 61.0 (64-Bit) / FF 60.0 (64-Bit)

Benutzeravatar
Kerian
Junior-Mitglied
Beiträge: 13
Registriert: Mi, 08. Nov 2006 11:17

Re: Script Datum + Uhrzeit neben Menüleiste

#11

Beitrag von Kerian Themen-Starter » Fr, 17. Nov 2017 20:27

2002Andreas hat geschrieben:
Fr, 17. Nov 2017 19:31
Kerian hat geschrieben:
Fr, 17. Nov 2017 19:11
die Hintergrundfarbe und die Textfarbe zu ändern.
Teste bitte mal:

Code: Alles auswählen

#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}
Farben kannst du dir anpassen.
Funktioniert :klasse: Danke.
Als ich des Suchens müde war, erlernte ich das Finden (Friedrich Nietzsche)

miku23
Senior-Mitglied
Beiträge: 984
Registriert: Mi, 27. Mai 2015 14:22

Re: Script Datum + Uhrzeit neben Menüleiste

#12

Beitrag von miku23 » Fr, 17. Nov 2017 20:30

@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
Senior-Mitglied
Beiträge: 1413
Registriert: Mi, 04. Okt 2017 10:22

Re: Script Datum + Uhrzeit neben Menüleiste

#13

Beitrag von EffPeh » Fr, 17. Nov 2017 20:35

miku23 hat geschrieben:
Fr, 17. Nov 2017 20:30
@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. :)
Windows 10 | FF 61.0 (64-Bit) / FF 60.0 (64-Bit)

miku23
Senior-Mitglied
Beiträge: 984
Registriert: Mi, 27. Mai 2015 14:22

Re: Script Datum + Uhrzeit neben Menüleiste

#14

Beitrag von miku23 » Fr, 17. Nov 2017 20:38


EffPeh
Senior-Mitglied
Beiträge: 1413
Registriert: Mi, 04. Okt 2017 10:22

Re: Script Datum + Uhrzeit neben Menüleiste

#15

Beitrag von EffPeh » Fr, 17. Nov 2017 20:43

Dankeschön, @Miku... :) :klasse:
Windows 10 | FF 61.0 (64-Bit) / FF 60.0 (64-Bit)

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste