Script Datum + Uhrzeit neben Menüleiste

2002Andreas

Gerne doch

Der Feuerfuchs

@ Andreas,

BarbaraZ- hatte ihren Beitrag #189 zu dem Zeitpunkt abgeändert wo ich meinen Beitrag geschrieben hatte.

2002Andreas

Alles ist gut :wink:

BarbaraZ-

Was muss ich in den Einstellungen ändern, damit ich diese Zeile weiter nach rechts verlagern kann?

[attachment=0]Uhr.png[/attachment]

2002Andreas

In Zeile 19 den Wert ändern:

var cssA = 'margin-left:68px; width: auto;';

BarbaraZ-

Danke sehr.

Kerian

Hallo und österliche Grüsse,

ich nutze folgendes Script

CSS

(function() {
	function doDatClock() {
		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 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 cssColor = 'white'; // Font Color


	var css = 'padding-top: 4px !important; padding-left: 0px; color: ' + cssColor + '; font-weight:400; font-size:14px;text-shadow: none; width: 275px; margin-right:42px;';
	var cssA = 'margin-left:68px; 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');


	var ClockLabel = document.createElement('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.createElement('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 = "Version   " + 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

Ich würde gerne die Uhrzeit um ein paar Leerzeichen nach rechts versetzen und das Komma hinter dem Jahr entfernen.
Weiss jemand wie und wo ich da ansetzen muss?

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

aborix

Hallo,

nach den ersten drei Zeilen:

Code

(function() {
	function doDatClock() {
		var timestr = new Date().toLocaleDateString( locale , options );

füge diese Zeilen ein:

Code

const blanks = '     ';
		let i = timestr.lastIndexOf(',');
		timestr = timestr.substring(0,i) + blanks + timestr.substring(i+1);

und bei
const blanks = ' ';
schreibe zwischen die Apostrophe die gewünschten Leerzeichen.

milupo

Danke aborix, ich kann bestätigen, dass deine Anpassung funktioniert.

Kerian

Hallo aborix!
Wie milupo kann auch ich bestätigen das es funktioniert.
Passt perfekt, vielen Dank! :klasse:

grisu2099

Auch von hier: Danke aborix!
Gefällt mir so auch besser. :klasse:

BarbaraZ-

Auch von mir ein Danke. Gleich mal mit in mein Script eingefügt.

Saubere Sache. :klasse::klasse:

laubenpieper

Und so sieht es dann aus.

lp

milupo

Oder auch so:

[attachment=0]datum_hornjoserbsce.png[/attachment]

harff182

moin, moin...

Ich hab mich eben mal ans FF69-update rangetraut und bis auf 3 Problemchen alles hinbekommen.

Problem 1: External-Application.uc.js tuts nicht => da frag ich später nach...

Problem 2: menu-uhr.uc.js : Ausgabe ist verrutscht, siehe nachdfolgenden Code

Problem 3: RestartFirefoxButtonM.uc.js tuts nicht => da frag ich später nach...

Meine menu-uhr.uc.js sieht jetzt so aus:

CSS

///////////////////////////////////////////////////////////////
//
//    Uhr in die Menüzeile - ursprünglich von hier: 
//    https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122763#p1058360
//
///////////////////////////////////////////////////////////////
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 ="schollys Firefox            69.0.0   V190908   ";

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

    var ClockStatus = document.getElementById("menubar-items");

//  vor 69.0 
//  var ClockLabel = document.createElement("label");
//  ab 69.0 ?
    var ClockLabel = document.createXULElement("label");
    ClockLabel.setAttribute("id", "statusbar-clock-display");
    ClockLabel.setAttribute("class", "statusbarpanel-text");

    ClockLabel.setAttribute("style", "padding-top: 2px!important; padding-left: 250px;color:black;font-weight:bold;text-shadow:none");
    
    ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
    doDatUhr();

Alles anzeigen

Das Poblem: Der String sitzt jetzt tiefer wie vorher:

Hat irgendwer eine Idee, woran das liegen könnte?

milupo

Keine Ahnung. Mein Skript sieht etwas anders aus. Aber, wenn ich mich recht erinnere, musste ich padding-top anpassen. Ich habe da 0px (in Zeile 41).

harff182

Problem 1 gelöst, schankedön, milupo...

milupo

Gern geschehen.

Taupan

Danke, liebe leute. Dieser Thread hat mir auch heute noch - nach 1,5 Jahren - sehr geholfen.

Ich habe durch diesen Thread endlich das Datum und die Uhrzeit wieder ständig und gut sichtbar im Firefox angezeigt bekommen.

Aber nun doch noch eine Frage:

Bekommt man das Datum und die Uhrzeit auch genauso irgendwie in die Symbolleiste rein?

Mir geht es darum, dass bei (Video)-Screenshots automatisch das Datum des Screenshots auch angezeigt wird und die oberen

beiden Leisten (und auch die Lesezeichen-leiste) beim Firefox-Browser blende ich dabei aus, nicht aber die Symbolleiste.

Deshalb hätte ich das Datum und die Uhrzeit gerne ständig in der Symbolleiste.

Endor

Hallo Taupan.

Erst mal herzlich willkommen bei uns.

Bitte was meinst Du mit Symbolleiste genau, die nav-bar oder was?

Ich frage nur, weil man das im Script dann entsprechend anpassen muss.

Dann bekommst Du das wo Du es möchtest.

Welches Script ist das genau, denn es gibt mehrere dazu.

Kopiere den Inhalt bitte in Deinen Beitrag.

Mfg.
Endor