UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[liv-in-sky]

falls jemand ein popup ( in der vis) für die anzeige braucht - das ganze nimmt viel platz ein - hier ein beispiel
importieren und den datenpunkt angelichen

popup widget

[{"tpl":"tplJquiDialog","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title":"TV Gleich","html":"\n<center><b>TV Gleich</b></center","html_dialog":"{controll-own.0.TABELLEN.TVgleich}","dialog_width":"480","dialog_height":"580","modal":true,"closeOnClick":true},"style":{"left":"839px","top":"430px","width":"66px","height":"38px","background":"linear-gradient(to top, #80CB74 2px, #81A17C 55px )","color":"#52f651"},"widgetSet":"jqui"}]

[Nashra]

@liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

falls jemand ein popup ( in der vis) für die anzeige braucht - das ganze nimmt viel platz ein - hier ein beispiel
importieren und den datenpunkt angelichen

popup widget

[{"tpl":"tplJquiDialog","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title":"TV Gleich","html":"\n<center><b>TV Gleich</b></center","html_dialog":"{controll-own.0.TABELLEN.TVgleich}","dialog_width":"480","dialog_height":"580","modal":true,"closeOnClick":true},"style":{"left":"839px","top":"430px","width":"66px","height":"38px","background":"linear-gradient(to top, #80CB74 2px, #81A17C 55px )","color":"#52f651"},"widgetSet":"jqui"}]

Mit dem Popup ist eine gute Idee
Habe erstmal eine Testseite angelegt um zu sehen ob alles klappt

[liv-in-sky]

@Nashra das popup kann man auf mehreren seiten plazieren und hat somit in der küche oder im wohnzimmer eine schnelle möglichkeit - ich habe verschiedene views pro zimmer am laufen

mit dem widget - icon dialog - könnte man auch bildchen verwenden

[Oli]

@Nashra

deine Überschrift bei 22:00 Uhr ist noch falsch eingestellt im Script

[liv-in-sky]

habe nochmal eine kleine änderung gemacht- es kann jetzt auch eine signature eingebunden werden - diese erscheint direkt unter der tablelle - rechtsbündig und hat den selben inhalt wie die überschrift -ist aber kleiner . die überschrift hat zuviel platz gebraucht, ich wollte aber sehen , wann die letzten updates waren - so kann man sich entscheiden, was man braucht oder will

[sigi234]

@liv-in-sky

Cool, wie bekomme ich jetzt die ÖSI sender rein?
Was muss geändert werden im Skript, es ist immer sehr umständlich alles Skripte wieder anzupassen.

[liv-in-sky]

@sigi234 die dürfen nicht in dem const mySort drinstehen - ziemlich weit untem im script - der große rote block

die hier raus löschen

[liv-in-sky]

@sigi234 du kannst die roten blöcke in jedes script kopieren, wenn du sie einmal geändert hast

[Nashra]

@Oli sagte in TV Programm Mini Anzeige - HTML Tabelle:

@Nashra

deine Überschrift bei 22:00 Uhr ist noch falsch eingestellt im Script

Korrigiert und noch eine Constante eingefügt bei font-weight da bei der Schriftart
die ich verwende das bold nicht gut aussieht. Könntest Du ja vllt auch übernehmen
dann kann es sich jeder selber einstellen wie er es möchte.

const htmlSchriftWeite="normal";

var htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight:"+htmlSchriftWeite+"\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</p>"; 

[liv-in-sky]

@Nashra

ich wollte das bold eh rausnehmen aus der überschrift

[Nashra]

@liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

@Nashra

ich wollte das bold eh rausnehmen aus der überschrift

Sehr gut, bitte als constante und dann könnte man der Überschrift auch noch eine Constante
verpassen mit der Schriftgröße

[liv-in-sky]

@Nashra

done

[Nashra]

@liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

@Nashra

done

ich auch

[Nashra]

Noch so einige Ideen
Überschrift mit Last Update = true/false
Signatur mit "Das TV Programm" = true/false

Also wenn Sig true, dann braucht man eigentlich "Das..." nicht
und oben könnte dann "Last..." ausgeblendet werden.
Was meinst Du

[Nashra]

Nachtrag!
Die Schriftgröße in Signatur sowie text-align und Farbe auch in eine Constante gelegt

const htmlSchriftUntenGroesse="11px";
const htmlSchrifFarbeUnten="#40FF00";
const htmlSigTextAlign="right";

[Nashra]

Da passte etwas noch nicht so ganz...

const htmlSigPadLeft="10px";
const htmlSigPadRight="10px";

var htmlUnter= "<p></p><div style=\"padding-right:"+htmlSigPadRight+"; padding-left:"+htmlSigPadLeft+"; color:"+html

[Chaot]

@liv-in-sky Das Popup ist eine geniale Sache.
Aber wie kann ich das einstellen das der an einer bestimmten Stelle mit einer bestimmten Größe aufgeht?
In den Punkten Dialogbreite ändert sich nichts und bei Position oben/links gibt es auch keine Änderung.

[sigi234]

@Chaot sagte in TV Programm Mini Anzeige - HTML Tabelle:

Aber wie kann ich das einstellen das der an einer bestimmten Stelle mit einer bestimmten Größe aufgeht?

[liv-in-sky]

@Chaot dort habe ich es auch eingestellt - so wie bei sigi

[sigi234]

@liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

@Chaot dort habe ich es auch eingestellt - so wie bei sigi

Schätze mal px vergessen!