Autor Thema: Uhr auf FHEM-Seite  (Gelesen 23283 mal)

Offline gfix

  • New Member
  • *
  • Beiträge: 29
Uhr auf FHEM-Seite
« am: 15 August 2014, 11:22:14 »
Hallo

Ich will lt. Anleitung vom Wiki anstatt vom FHEM Logo eine Uhr anzeigen.
     http://www.fhemwiki.de/wiki/Uhr_auf_FHEM-Seite

Im Crome funktioniert es super, aber im MS InternetExplorer, bzw. Midori (der auf meinem Raspberry läuft, und auf dem auch mein Touchscreen hängt) wird die Uhr nicht angezeigt.

kennt jemand dafür eine Lösung?

Danke

Offline cocojambo

  • Sr. Member
  • ****
  • Beiträge: 664
Antw:Uhr auf FHEM-Seite
« Antwort #1 am: 09 September 2014, 20:20:59 »
Hallo,
ich habe gerade probiert auch die Uhr von der Wiki Seite zu installieren und zwar in der darkfloorplanstyle.css und in der darkstyle.css. natürlich auch die Ändererungen in der svg.js
Aber es funktioniert nicht mehr. Es muß sich seit Mai 2013 etwas geändert haben, denn vor einem Jahr hatte ich es schon mal installiert und es funktionierte auf Anhieb.
Weiß jemand woran das liegt, was man vielleicht anders machem muß oder welche hilfsdateien sich seitdem geändert haben?

Gruß aus Köln
nobbi
FHEM5.9 Buster FB7490 FB7430 3xraspi2+3+4 2xHM-LAN-CFG CUL868 CUNO868 HUE-Bridge Harmony-Hub 5xHM-LC-Sw-PI-2 3xHM-WDS30-T2-SN 1xHM-LC_Sw4-DR 3xHM-ES-PMSw1-PI 3xF20S20 2xFS20S4 8xFS20ST 7xFS20SIG2 2xFS20S4U 2xFS20SU 6xFS20KSE 2xHM-ES-PMSW1-PL 2xFS20DI 2xFS20SM8 2xFS20WS 5xS300TH 1xASH2200 1xEM1000

Offline buchner51

  • Full Member
  • ***
  • Beiträge: 185
Antw:Uhr auf FHEM-Seite
« Antwort #2 am: 07 Januar 2015, 19:29:55 »
Hi,

ich habs auch nach Anleitung probiert... ohne erfolg.

svg.js und Darkstyle.css ist nach anleitung alles eingetragen!

Ist die Anleitung wirklich OK??
Raspberry pi 3+
KNX mit TUL, FHEM mit SMARTVISU 2.9

Offline tonyf

  • Jr. Member
  • **
  • Beiträge: 62
Antw:Uhr auf FHEM-Seite
« Antwort #3 am: 07 Januar 2015, 23:22:02 »
bei mir funktioniert es nach der anleitung mit chrome und firefox einwandfrei ...

gruss
tony
INTEL DN2820FYKH NUC: 4 gb, 250 ssd hd als nas, fhem 5.6
cul 433 - IT aktoren - relaiskarte an raspberry pi

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #4 am: 08 Januar 2015, 00:23:01 »
Hi zusammen,

ich habe es heute ebenfalls probiert (war schon lange auf der taskliste, aber der post hat mich dann dazu getrieben ;-)
Im Prinzip funktioniert die Wiki-Anleitung (in Chrome), nur dass das logo weiterhin sichtbar ist... In Safari/iOS und Firfox lief es nicht. Ich habe ein paar Anpassungen vorgenommen und es scheint nun zu laufen...

1.) Zusätzlich Sekunden in svg.js eingefügt und sichergestellt, dass onload event nicht überschrieben wird
function GetClock(){
 var d = new Date();
 var nhour = d.getHours();
 var nmin  = d.getMinutes();
 var nsec  = d.getSeconds();
 if(nmin <= 9){nmin="0"+nmin};
 if(nsec <= 9){nsec="0"+nsec};
 document.getElementById('logo').innerText=nhour+":"+nmin+":"+nsec;
 setTimeout("GetClock()", 1000);
}
window.addEventListener ?
window.addEventListener("load",GetClock,false) :
window.attachEvent && window.attachEvent("onload",GetClock);


2.) Anpassungen in darkstyle.css (Positionierung ein bisschen angepasst und background image auskommentiert:
body     { background-color: #444444;
/*background-image:url(../images/default/fhemicon_dark.png); */
background-repeat:no-repeat;
color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
/*#logo    { position:absolute; top:10px; left:20px; width:140px; visibility:hi$
#logo  { position:fixed; top:20px; left:40px;
      width:120px; height:105px; text-align:center;
      font-family:Times-Roman; font-size:xx-large; font-weight:bold;
      }

Grüße,

Oli
« Letzte Änderung: 08 Januar 2015, 00:52:44 von KernSani »
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #5 am: 08 Januar 2015, 23:27:21 »
    Hallo zusammen,

    ich habe das Uhrenbeispiel noch einmal ein wenig optimiert und erweitert.
    • Keine Modifikationen von Files mehr notwendig (daher mehr oder weniger upgrade sicher)
    • (deutsches) Datum wird mit angezeigt (angeregt durch den post von tonyf
    • Wirkt sich nur auf einzelne FHEMWEB Instanzen aus, nicht auf alle, die den jeweiligen Style verwenden
    Das Ganze ist sicher kein Meisterwerk der Javascript-Programmierung aber bei mir funktioniert es.
    Styles können natürlich individuell angepasst werden.

    Vorgehensweise:
    • Angehängte Datei clock.js in ein Unterverzeichnis von www legen (z.B. in /pgm2)
    • Sicherstellen, dass korrekte Berechtigungen gesetzt sind (644)
    • clock.js in das anzupassende FHEMWEB Device einbinden:
attr WEBtablet JavaScripts pgm2/clock.js

Bei positivem Feedback (sprich - es funktioniert bei euch) würde ich das Wiki aktualisieren.

Grüße,

Oli
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...
Gefällt mir Gefällt mir x 2 Liste anzeigen

Offline RoBra81

  • Sr. Member
  • ****
  • Beiträge: 999
Antw:Uhr auf FHEM-Seite
« Antwort #6 am: 09 Januar 2015, 09:55:47 »
Vielen Dank, funktioniert super. Ich habe es mir etwas umformatiert (enger zusammen und absolute statt fixed positioniert) aber ansonsten sehr schön :)

Ronny

Offline Krallos

  • Jr. Member
  • **
  • Beiträge: 60
Antw:Uhr auf FHEM-Seite
« Antwort #7 am: 09 Januar 2015, 09:59:37 »
Hallo tony,


was ist das für ein Frontend was Du nutzt?




Gruß Christian

Synology RackStation 814 - FHEM 5.6 - USB9097+ein paar DS18B20 und einen Dual-S0-Counter von eService-Online im Eigenbau.

Offline tonyf

  • Jr. Member
  • **
  • Beiträge: 62
Antw:Uhr auf FHEM-Seite
« Antwort #8 am: 09 Januar 2015, 12:59:01 »
hi Christian,

nichts besonderes ..
das ist floorplan mit angepasstem css.

gruss
tony
 
INTEL DN2820FYKH NUC: 4 gb, 250 ssd hd als nas, fhem 5.6
cul 433 - IT aktoren - relaiskarte an raspberry pi

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 4117
  • Online
Antw:Uhr auf FHEM-Seite
« Antwort #9 am: 09 Januar 2015, 14:07:24 »
nichts besonderes ..
das ist floorplan mit angepasstem css.

so etwas darfst du doch nicht zeigen..!  ;) da werden die Leute sofort ganz kirre... ;D weil das sieht gut aus und da ist das "haben wollen" immer ganz groß geschrieben...!
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline mahowi

  • Developer
  • Hero Member
  • ****
  • Beiträge: 1207
Antw:Uhr auf FHEM-Seite
« Antwort #10 am: 09 Januar 2015, 14:50:36 »
Hallo,

ich habe jetzt wie oben beschrieben die clock.js eingebunden. Rechte stehen auf fhem.root und 644. Aber zumindest mit den dark Styles wird keine Uhr angezeigt. Beim Laden wird das Logo angezeigt, wenn die Seite geladen ist verschwindet das Logo und die Stelle bleibt leer. Im Log taucht kein Fehler auf.
CUBe (MAX): HT, FK | CUBe (SlowRF): ESA2000WZ
JeeLink: LaCrosse | nanoCUL433: Smartwares SHS-51001-EU, EM1000GZ
ZME_UZB1: GreenWave PowerNode, Popp Thermostat | SIGNALDuino: HE877, X10 MS14A, Revolt NC-5462,  IT Steckdosen + PIR
tado° | Milight | HUE, Lightify | SmarterCoffee

Offline tonyf

  • Jr. Member
  • **
  • Beiträge: 62
Antw:Uhr auf FHEM-Seite
« Antwort #11 am: 09 Januar 2015, 14:57:18 »
ich denke, hier in diesem forum sind wir eine sehr gut funktionierende community, wo sich die mitglieder gegenseitig grossartig helfen ..
bin kein fhem profi und das cockpit ist das ergebnis von paar spielereien - grundlage sind die wertvollen anleitungen hier im forum.

p.s: nicht alle devices und geräte sind produktiv ..

gruss
tony
INTEL DN2820FYKH NUC: 4 gb, 250 ssd hd als nas, fhem 5.6
cul 433 - IT aktoren - relaiskarte an raspberry pi

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #12 am: 09 Januar 2015, 15:05:10 »
Hallo Mahowi,

Welchen Browser verwndest du?     

Grüße,

Oli
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline schka17

  • Sr. Member
  • ****
  • Beiträge: 871
Antw:Uhr auf FHEM-Seite
« Antwort #13 am: 09 Januar 2015, 15:14:27 »
Hallo Oli,

habs genau wie du beschrieben hast gemacht, bei mir funktioniert es leider nicht, so wie bei mahowi, hier zwei screenshots, mit und ohne clock.js

Ich verwende firefox,IE11,safari, überall genau das gleich bild.
Irgendeine Idee woran das liegen könnte?

Gruß

Karl
M: Thinclient x64 Debian | CUL FS20, HMS100WD, HMS100TF, HMS100T, HMS100CO, S300, S555TH | OWServer DS1420, DS18B20, DS2408 | RFXCOM UVN128, THWR800, THGR228N,RTGR328, PCR800 |Jeelink PCA301 EC3000|CUNO+IR|HMLAN|HMUSB|CUL433 Somfy|mySensors|espEasy
S1:Raspberry mit BPM810, Jeelink EC3000

Offline mahowi

  • Developer
  • Hero Member
  • ****
  • Beiträge: 1207
Antw:Uhr auf FHEM-Seite
« Antwort #14 am: 09 Januar 2015, 15:17:21 »
Hallo Mahowi,

Welchen Browser verwndest du?     

Grüße,

Oli
Ich habe es mit Chrome 41.0.2267.0 dev-m (64-bit) unter Windows 8.1, IE 11 unter Windows 8.1 sowie Chrome 39.0.2171.93 unter Android 4.4.2 probiert. Das Ergebnis ist überall dasgleiche. Es sieht bei mir genauso wie bei Karl aus.
CUBe (MAX): HT, FK | CUBe (SlowRF): ESA2000WZ
JeeLink: LaCrosse | nanoCUL433: Smartwares SHS-51001-EU, EM1000GZ
ZME_UZB1: GreenWave PowerNode, Popp Thermostat | SIGNALDuino: HE877, X10 MS14A, Revolt NC-5462,  IT Steckdosen + PIR
tado° | Milight | HUE, Lightify | SmarterCoffee

Offline klausw

  • Developer
  • Hero Member
  • ****
  • Beiträge: 1965
Antw:Uhr auf FHEM-Seite
« Antwort #15 am: 09 Januar 2015, 15:22:24 »
ich habe jetzt wie oben beschrieben die clock.js eingebunden. Rechte stehen auf fhem.root und 644. Aber zumindest mit den dark Styles wird keine Uhr angezeigt. Beim Laden wird das Logo angezeigt, wenn die Seite geladen ist verschwindet das Logo und die Stelle bleibt leer. Im Log taucht kein Fehler auf.
Verhält sich bei mir auch so.
Sobald ich das stylesheetprefix lösche kommt folgendes bei raus:
RasPi B v2 mit FHEM 18B20 über 1Wire, LED PWM Treiber über I2C, Luchtdruck-, Feuchtesensor und ein paar Schalter/LED\'s zum testen
Module: RPI_GPIO, RPII2C, I2C_EEPROM, I2C_MCP23008, I2C_MCP23017, I2C_MCP342x, I2C_PCA9532, I2C_PCF8574, I2C_SHT21, I2C_BME280

Offline tonyf

  • Jr. Member
  • **
  • Beiträge: 62
Antw:Uhr auf FHEM-Seite
« Antwort #16 am: 09 Januar 2015, 15:26:59 »
Hallo Oli,

habs genau wie du beschrieben hast gemacht, bei mir funktioniert es leider nicht, so wie bei mahowi, hier zwei screenshots, mit und ohne clock.js

Ich verwende firefox,IE11,safari, überall genau das gleich bild.
Irgendeine Idee woran das liegen könnte?

Gruß

Karl


vesuche mal das objekt in den vordergrund zu stellen. ergänze die css einstellung mit:
z-index: 99;

gruss
tony
INTEL DN2820FYKH NUC: 4 gb, 250 ssd hd als nas, fhem 5.6
cul 433 - IT aktoren - relaiskarte an raspberry pi

Offline schka17

  • Sr. Member
  • ****
  • Beiträge: 871
Antw:Uhr auf FHEM-Seite
« Antwort #17 am: 09 Januar 2015, 15:34:58 »
Zitat
vesuche mal das objekt in den vordergrund zu stellen. ergänze die css einstellung mit:
z-index: 99;

Hallo Tony,

super, jetzt sehe ich die Uhr.

Aber mein Background Image leider nicht,
hier die entsprechenden zeilen meiner css

@import url("darkCommon.css");
  2
  3 /* Author: Till */
  4 body     { background-color: #444444; background-image:url(../images/default/Background_0    1.png); background-repeat:repeat; color: #CCCCCC; font-family:Arial, Helvetica, sans-seri    f; font-size:13px;}
  5 /*#logo    { position:absolute; top:8px; left:3px; width:155px; visibility:hidden; }*/
  6 #logo  { position:fixed; top:20px; left:40px;
  7       width:120px; height:105px; text-align:center;
  8       font-family:Times-Roman; font-size:xx-large; font-weight:bold; z-index: 99;
  9       }
 10 #menu    { position:absolute; top:5px;left:3px; width:165px; }
 11 #console { width:100%; height:100%; position:absolute; overflow-y:auto;}
 12 #hdr     { position:absolute; top:10px; left:180px; }
 13 #content { position:absolute; top:50px; left:180px; bottom:20px; right:10px; }
 14 #errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40p    x; z-index: 10; }
das sollte doch so funktionieren oder?

Gruß

Karl

M: Thinclient x64 Debian | CUL FS20, HMS100WD, HMS100TF, HMS100T, HMS100CO, S300, S555TH | OWServer DS1420, DS18B20, DS2408 | RFXCOM UVN128, THWR800, THGR228N,RTGR328, PCR800 |Jeelink PCA301 EC3000|CUNO+IR|HMLAN|HMUSB|CUL433 Somfy|mySensors|espEasy
S1:Raspberry mit BPM810, Jeelink EC3000

Offline mahowi

  • Developer
  • Hero Member
  • ****
  • Beiträge: 1207
Antw:Uhr auf FHEM-Seite
« Antwort #18 am: 09 Januar 2015, 15:57:03 »

vesuche mal das objekt in den vordergrund zu stellen. ergänze die css einstellung mit:
z-index: 99;

gruss
tony
Ich habe jetzt die clock.js um logo.style.z-index="99"; unter "/* Adjust Styles */" ergänzt. Jetzt wird mir das Logo wieder angezeigt, aber keine Uhr. Oder habe ich da was falsch verstanden?
CUBe (MAX): HT, FK | CUBe (SlowRF): ESA2000WZ
JeeLink: LaCrosse | nanoCUL433: Smartwares SHS-51001-EU, EM1000GZ
ZME_UZB1: GreenWave PowerNode, Popp Thermostat | SIGNALDuino: HE877, X10 MS14A, Revolt NC-5462,  IT Steckdosen + PIR
tado° | Milight | HUE, Lightify | SmarterCoffee

Offline tonyf

  • Jr. Member
  • **
  • Beiträge: 62
Antw:Uhr auf FHEM-Seite
« Antwort #19 am: 09 Januar 2015, 16:00:02 »
Hallo Tony,

super, jetzt sehe ich die Uhr.

Aber mein Background Image leider nicht,
hier die entsprechenden zeilen meiner css

@import url("darkCommon.css");
  2
  3 /* Author: Till */
  4 body     { background-color: #444444; background-image:url(../images/default/Background_0    1.png); background-repeat:repeat; color: #CCCCCC; font-family:Arial, Helvetica, sans-seri    f; font-size:13px;}
  5 /*#logo    { position:absolute; top:8px; left:3px; width:155px; visibility:hidden; }*/
  6 #logo  { position:fixed; top:20px; left:40px;
  7       width:120px; height:105px; text-align:center;
  8       font-family:Times-Roman; font-size:xx-large; font-weight:bold; z-index: 99;
  9       }
 10 #menu    { position:absolute; top:5px;left:3px; width:165px; }
 11 #console { width:100%; height:100%; position:absolute; overflow-y:auto;}
 12 #hdr     { position:absolute; top:10px; left:180px; }
 13 #content { position:absolute; top:50px; left:180px; bottom:20px; right:10px; }
 14 #errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40p    x; z-index: 10; }
das sollte doch so funktionieren oder?

Gruß

Karl

hi Karl,

jag mal das background image ganz in die hinterste reihe:
z-index: -1;

gruss
INTEL DN2820FYKH NUC: 4 gb, 250 ssd hd als nas, fhem 5.6
cul 433 - IT aktoren - relaiskarte an raspberry pi

Offline schka17

  • Sr. Member
  • ****
  • Beiträge: 871
Antw:Uhr auf FHEM-Seite
« Antwort #20 am: 09 Januar 2015, 16:10:11 »
So, das habe ich auch gefunden, diese Zeile im clock.js auskommentieren

/*document.body.style.backgroundImage="None";*/


M: Thinclient x64 Debian | CUL FS20, HMS100WD, HMS100TF, HMS100T, HMS100CO, S300, S555TH | OWServer DS1420, DS18B20, DS2408 | RFXCOM UVN128, THWR800, THGR228N,RTGR328, PCR800 |Jeelink PCA301 EC3000|CUNO+IR|HMLAN|HMUSB|CUL433 Somfy|mySensors|espEasy
S1:Raspberry mit BPM810, Jeelink EC3000

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 4117
  • Online
Antw:Uhr auf FHEM-Seite
« Antwort #21 am: 09 Januar 2015, 18:56:31 »
@schka17
dein Background Image ist aber geil gewesen...! ist es jetzt weg..?

Kannst du das hier mal ran hängen gefällt mir, ich nutze ein Carbon Image welches auch bei mir manchmal Zicken gemacht hat und sich immer in den Vordergrund geschoben hat...!
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline schka17

  • Sr. Member
  • ****
  • Beiträge: 871
Antw:Uhr auf FHEM-Seite
« Antwort #22 am: 09 Januar 2015, 19:16:57 »
Hallo Moonsorox,

kein Problem, hier ist es.

im darkstyle.css habe ich es so konfiguriert:

body     { background-color: #444444; background-image:url(../images/default    /Background_01.png); background-repeat:repeat; color: #CCCCCC; font-family:A    rial, Helvetica, sans-serif; font-size:13px;}
M: Thinclient x64 Debian | CUL FS20, HMS100WD, HMS100TF, HMS100T, HMS100CO, S300, S555TH | OWServer DS1420, DS18B20, DS2408 | RFXCOM UVN128, THWR800, THGR228N,RTGR328, PCR800 |Jeelink PCA301 EC3000|CUNO+IR|HMLAN|HMUSB|CUL433 Somfy|mySensors|espEasy
S1:Raspberry mit BPM810, Jeelink EC3000

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 4117
  • Online
Antw:Uhr auf FHEM-Seite
« Antwort #23 am: 09 Januar 2015, 19:56:24 »
@schka17

Danke sieht sehr schick aus...! ;) behalte ich, noch besser als mein carbon.png  ;)
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline buchner51

  • Full Member
  • ***
  • Beiträge: 185
Antw:Uhr auf FHEM-Seite
« Antwort #24 am: 09 Januar 2015, 20:46:12 »
Hi,
wird Clock.js teil des Updates??

kann mir  jehmand sagen wie iches auf meinen Banana Pi bekomme??

hatte wget porbiert aber der der link past nicht.

gruß
Raspberry pi 3+
KNX mit TUL, FHEM mit SMARTVISU 2.9

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #25 am: 09 Januar 2015, 23:25:54 »
Hi buchner51,

clock.js ist nur ein code-Schnipsel, das wird wohl nicht ins Update mit reinkommen ;-)

Kannst Du die Datei nicht per SCP, FTP o.ä. auf den Pi schieben? (Ich habe eine NAS Laufwerk auf dem RasPi gemounted, über das ich üblicherweise Dateien hin und her schiebe).

Habe vergessen zu erwähnen: Getestet habe ich das Ganze nur an unmodifizierten dark styles...

Grüße,

Oli
 
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline kvo1

  • Hero Member
  • *****
  • Beiträge: 1475
  • FHEMonaut
Antw:Uhr auf FHEM-Seite
« Antwort #26 am: 10 Januar 2015, 01:14:27 »
Hi,
ich habe das nach dem Wiki installiert, die Uhr liegt aber über dem Menü !
wie / wo verschieb man das nach unten.
gruss
kvo1
 
RPi1: mit CUL: HM-CC-RT-DN,HM-ES-PMSw1-Pl,HM-LC-BL1-FM,HM-LC-Bl1PBU-FM,HM-LC-SW1-PL2,HM-SCI-3-FM,HM-SEC-SC-2,KFM-Sensor
RPi2: Viessmann(optolink) mit 99_VCONTROL.pm,
Cubietruck: Wheezy / Apache / Owncloud
Cubietruck: Armbian(Jessie) / fhem 5.7 / LMS 7.9
RPi3: (Test) mit 7" Touch  &  HM-MOD-RPI-PCB

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 4117
  • Online
Antw:Uhr auf FHEM-Seite
« Antwort #27 am: 10 Januar 2015, 01:20:10 »
das kannst du wenn in der jeweiligen css machen, so z.B. in der darkstyle.css wenn du den dark Style eingeschaltet hast.

Du willst du Uhr unten an das Menü anhängen, oder überlagert die Uhr das Menü..?
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline kvo1

  • Hero Member
  • *****
  • Beiträge: 1475
  • FHEMonaut
Antw:Uhr auf FHEM-Seite
« Antwort #28 am: 10 Januar 2015, 01:31:38 »
verwende den normalen style ! und möchte die anstelle des ICON .

die Uhr überlagert das Menü..!
RPi1: mit CUL: HM-CC-RT-DN,HM-ES-PMSw1-Pl,HM-LC-BL1-FM,HM-LC-Bl1PBU-FM,HM-LC-SW1-PL2,HM-SCI-3-FM,HM-SEC-SC-2,KFM-Sensor
RPi2: Viessmann(optolink) mit 99_VCONTROL.pm,
Cubietruck: Wheezy / Apache / Owncloud
Cubietruck: Armbian(Jessie) / fhem 5.7 / LMS 7.9
RPi3: (Test) mit 7" Touch  &  HM-MOD-RPI-PCB

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #29 am: 10 Januar 2015, 02:11:34 »
@kvo1:

Bitte füge die folgenden Zeilen in die function setClock() ein:

document.getElementById('menu').style.position = "fixed";
logo.style.backgroundImage="None";
und ändere die Zeile
logo.style.left="40px";
zu
logo.style.left="10px";

dann sollte es auch mit dem default style funktionieren.

Grüße,

Oli
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline kvo1

  • Hero Member
  • *****
  • Beiträge: 1475
  • FHEMonaut
Antw:Uhr auf FHEM-Seite
« Antwort #30 am: 10 Januar 2015, 02:27:08 »
Hi Oli

funktioniert  ;) herzliche Dank !

klaus
RPi1: mit CUL: HM-CC-RT-DN,HM-ES-PMSw1-Pl,HM-LC-BL1-FM,HM-LC-Bl1PBU-FM,HM-LC-SW1-PL2,HM-SCI-3-FM,HM-SEC-SC-2,KFM-Sensor
RPi2: Viessmann(optolink) mit 99_VCONTROL.pm,
Cubietruck: Wheezy / Apache / Owncloud
Cubietruck: Armbian(Jessie) / fhem 5.7 / LMS 7.9
RPi3: (Test) mit 7" Touch  &  HM-MOD-RPI-PCB

Offline Hausautomat

  • Full Member
  • ***
  • Beiträge: 132
Antw:Uhr auf FHEM-Seite
« Antwort #31 am: 10 Januar 2015, 22:00:17 »
Vielen Dank für das clock.js, funktioniert super  :D

Die Uhr wird auch korrekt auf den "normalen" Fhemweb-Seiten angezeigt - eingebunden über
attr Web JavaScripts pgm2/clock.js
Wenn ich aber den Floorplan aufrufe, dann wird das clock.js nicht geladen (und die Uhr fehlt entsprechend)?

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #32 am: 10 Januar 2015, 23:10:42 »
Hi Hausautomat,

ich habe mir das gerade angesehen. Die 95_FLOORPLAN.pm berücksichtigt das "Javascript"-Attribut der Web-Instanz nicht. Dies lässt sich aber relativ leicht "nachrüsten".

In der 95_FLOORPLAN.pm nach folgendem coding
# FW Extensions
  if(defined($data{FWEXT})) {
    foreach my $k (sort keys %{$data{FWEXT}}) {
      my $h = $data{FWEXT}{$k};
      next if($h !~ m/HASH/ || !$h->{SCRIPT});
      FW_pO "<script type=\"text/javascript\" ".
                "src=\"$FW_ME/js/$h->{SCRIPT}\"></script>";
    }
  }
das folgende Coding einfügen:
$jsTemplate = '<script attr=\'%s\' type="text/javascript" src="%s"></script>';
  map {
    my $n = $_; $n =~ s+.*/++; $n =~ s/.js$//; $n =~ s/fhem_//; $n .= "Param";
    FW_pO sprintf($jsTemplate, AttrVal($FW_wname, $n, ""), "$FW_ME/$_");
  } split(" ", AttrVal($FW_wname, "JavaScripts", ""));

Ich werde mich mal an den Maintainer wenden, ob das ergänzt werden kann.

Grüße,

Oli
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline Hausautomat

  • Full Member
  • ***
  • Beiträge: 132
Antw:Uhr auf FHEM-Seite
« Antwort #33 am: 11 Januar 2015, 00:20:39 »
perfekt - das tut. Vielen Dank :D

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 4117
  • Online
Antw:Uhr auf FHEM-Seite
« Antwort #34 am: 11 Januar 2015, 00:26:22 »
nur eins schon mal vorab, wenn ihr heute ein Update macht, ist alles wieder weg... nicht wundern...!
Wer den darkstyle nutzt, denn die darkstyle.css wurde geändert
Also schön sichern..!
« Letzte Änderung: 11 Januar 2015, 12:03:49 von moonsorrox »
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #35 am: 11 Januar 2015, 00:56:45 »
und weil's so schön ist, habe ich noch animierte eine analoge und eine digitale Uhr gebastelt: http://forum.fhem.de/index.php/topic,31912.msg243635.html#msg243635
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline Hausautomat

  • Full Member
  • ***
  • Beiträge: 132
Antw:Uhr auf FHEM-Seite
« Antwort #36 am: 12 Januar 2015, 21:03:45 »
Kann es sein, das die Aktualisierung der Stati der Lampen mit Uhr später/garnicht erfolgt als ohne Uhr?

Ich habe es noch nicht ausgemessen, aber gefühlt werden die Lampen im Floorplan nicht mehr so schnell aktualisiert...

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #37 am: 12 Januar 2015, 22:13:31 »
Hmmm... Es ist natürlich so, dass jede Sekunde (bei den "schönen" graphischen Uhren sogar jede halbe Sekunde) eine Javascript-Aktion durchgeführt wird. Ich habe leider keine Ahnung, wie der longpoll-Mechanismus läuft aber möglicherweise kann das schon etwas ausbremsen... ich werde das mal beobachten.

Grüße,

Oli
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline buchner51

  • Full Member
  • ***
  • Beiträge: 185
Antw:Uhr auf FHEM-Seite
« Antwort #38 am: 14 Januar 2015, 20:27:26 »
Hi KernSani,

Danke für den Tip mit ftp, manchmal sieht man das einfachst halt nicht.

Ich hab das Dashbord Modul, kann mann ide Uhr als Raum bez Gruppe anzeigen lassen?

bis dann.
Raspberry pi 3+
KNX mit TUL, FHEM mit SMARTVISU 2.9

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #39 am: 14 Januar 2015, 21:22:33 »
Hi buchner51,

die Uhr ist ein reines javascript, das im Prinzip unabhängig von FHEM ist, kein FHEM-Device. Du bringst mich da aber auf die Idee, dass man das mit einem weblink machen könnte... Wenn's klappt kommt ein update.

Grüße,

Oli
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline KernSani

  • Developer
  • Hero Member
  • ****
  • Beiträge: 3577
Antw:Uhr auf FHEM-Seite
« Antwort #40 am: 14 Januar 2015, 21:47:58 »
Hehe, ging einfacher als ich gedacht hatte :-) Auf die Schnelle habe ich jetzt eine Anleitung, wie die analoge Uhr (ohne Wochentag/Datum) in FHEM Räume/Gruppen eingebunden werden kann. Falls ich noch etwas Zeit finde mache ich das noch etwas eleganter.

1.) niceclocks wie in post #1 beschrieben "installieren"
2.) in niceclocks.js die folgende Zeile auskommentieren:
document.getElementById('logo').innerHTML='<div id="clockanalog"><img src="fhem/niceclocks/images/analogseconds.png" id="analogsecond"/><img src="fhem/niceclocks/images/analogminutes.png" id="analogminute" /><img src="fhem/niceclocks/images/analoghours.png" id="analoghour"/></div><div id="ncDate">'+getDatum()+'</div>';3.) Einen Weblink anlegen:
define niceclock weblink htmlCode {}4.) folgendes HTML in den DEF-Block des neu erstellten niceclock-devices kopieren:
htmlCode <div id="clockanalog"><img src="fhem/niceclocks/images/analogseconds.png" id="analogsecond"/><img src="fhem/niceclocks/images/analogminutes.png" id="analogminute" /><img src="fhem/niceclocks/images/analoghours.png" id="analoghour"/></div><div id="ncDate"></div>
Vermutlich gibt's ein paar Seiteneffekte (das Logo verschwindet u.ä.), das lässt sich aber lösen indem das ganze "logo"-bezogene Geraffel im js auskommentiert wird.

So sieht das ganze dann aus, wenn die Uhr der Gruppe Kalender im Raum Wohnzimmer zugeordnet ist:
RasPi: RFXTRX, HM, zigbee2mqtt, mySensors, JeeLink, miLight, squeezbox, Alexa, Siri, ...

Offline justme1968

  • Developer
  • Hero Member
  • ****
  • Beiträge: 21340
Antw:Uhr auf FHEM-Seite
« Antwort #41 am: 11 Mai 2016, 23:47:43 »
hier: https://forum.fhem.de/index.php/topic,53286.msg449780.html#msg449780 ist noch ein variante beschrieben wie man eine uhr einbinden kann.

gruss
  andre
hue, tradfri, alexa-fhem, homebridge-fhem, LightScene, readingsGroup, …

https://github.com/sponsors/justme-1968

 

decade-submarginal