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

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, ...