ClockinStatusbar in die AddonBar

Boersenfeger

Wie kriege ich o.a. Script in der AddonBar / Statusbar angezeigt?
Mein kläglicher Versuch scheitert..

Code

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"];
                    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 =" US-Nightly ";



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


                    var ClockStatus = document.getElementById("ctraddon_addon-bar-display");
                    //var ClockStatus = document.getElementById("search-container");
                    var ClockLabel = document.createElement("label");
                    ClockLabel.setAttribute("id", "addonbar-clock-display");
                ClockLabel.setAttribute("class", "addonbarpanel-text");
                ClockLabel.setAttribute("style", "padding-top: 8px; padding-left: 1px; padding-right: 1px; color:black; font-size: 14px; font-weight:bold;text-shadow:none");
                    ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
                    doDatUhr();

Alles anzeigen

Endor

Hallo Boersenfeger.

Ich habe die Uhr an einen bereits vorhandenen Button gehängt, in meinem Fall den Button von Clippings:
Das Script sieht dann hier so aus

Code

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


			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"];
                    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 =" US-Nightly ";


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


            //var ClockStatus = document.getElementById("statusbar-display");
			var ClockStatus = document.getElementById("ae-clippings-icon");
            var ClockLabel = document.createElement("label");
            ClockLabel.setAttribute("id", "statusbar-clock-display");
            ClockLabel.setAttribute("class", "statusbarpanel-text");
            ClockLabel.setAttribute("style", "padding-top: 8px; padding-left: 1px; padding-right: 1px; color:black; font-size: 14px; font-weight:bold;text-shadow:none");
            ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
            doDatUhr();


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

Alles anzeigen

Teste das mal.
Mfg.
Endor

Boersenfeger

Super.... habe es noch ein bißchen in den Größen angepasst...

Code

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


             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"];
                        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 =" Admin ";


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


                //var ClockStatus = document.getElementById("statusbar-display");
             var ClockStatus = document.getElementById("ae-clippings-icon");
                var ClockLabel = document.createElement("label");
                ClockLabel.setAttribute("id", "statusbar-clock-display");
                ClockLabel.setAttribute("class", "statusbarpanel-text");
                ClockLabel.setAttribute("style", "padding-top: 5px; padding-left: -1px; padding-right: -1px; color:black; font-size: 12px; font-weight:bold;text-shadow:none");
                ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
                doDatUhr();

Alles anzeigen

Das Ergebnis, mit dem ich nun sehr zufrieden bin...
[attachment=0]2014-05-02_142626.jpg[/attachment]
Vielen Dank :klasse:
Edit: ... äh doch noch nicht so ganz... in der alten Version bei der die Uhr in der Menüleiste angezeigt wurde, stand immer noch die Version dabei.
Der Text dafür ist zwar noch im Script drin, wirkt aber nicht mehr... in obigen Beispiel wäre es

Code

var text =" Admin ";

..
Kann man das noch irgendwie hinkriegen?
Da ich oft mehrere Versionen zeitgleich geöffnet habe, kann ich diese daran am einfachsten unterscheiden...

Boersenfeger

Push.....
.. auf die Gefahr hin, das man mein Edit überlesen hat....

Zitat von Boersenfeger
Edit: ... äh doch noch nicht so ganz... in der alten Version bei der die Uhr in der Menüleiste angezeigt wurde, stand immer noch die Version dabei.
Der Text dafür ist zwar noch im Script drin, wirkt aber nicht mehr... in obigen Beispiel wäre es
Code
var text =" Admin ";
..
Kann man das noch irgendwie hinkriegen?
Da ich oft mehrere Versionen zeitgleich geöffnet habe, kann ich diese daran am einfachsten unterscheiden...

Endor

Hallo Boersenfeger.
Bitte testen:

Code

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


				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"];
                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 =" US-Nightly ";


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


                //var ClockStatus = document.getElementById("statusbar-display");
		var ClockStatus = document.getElementById("ae-clippings-icon");
                var ClockLabel = document.createElement("label");
                ClockLabel.setAttribute("id", "statusbar-clock-display");
                ClockLabel.setAttribute("class", "statusbarpanel-text");
                ClockLabel.setAttribute("style", "padding-top: 8px; padding-left: 1px; padding-right: 1px; color:black; font-size: 14px; font-weight:bold;text-shadow:none");
                ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.nextSibling);
                doDatUhr();


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

Alles anzeigen

Hatte einen Eintrag vergessen. Sorry.
Mfg.
Endor

Boersenfeger

Klappt, nachdem ich hier...

Zitat

var ClockStatus = document.getElementById("ae-clippings-icon");
var ClockLabel = document.createElement("label");

noch Leerzeichen eingefügt habe
Vielen Dank ! :klasse:
[attachment=0]2014-05-04_173405.jpg[/attachment]

Endor

Danke für den Hinweis.
Habe oben die beiden Leerzeichen noch eingefügt.
Freut mich, dass es funktioniert.
Mfg.
Endor