css/js Spezis gefragt...

[betateilchen]

Wie kann ich den im Frontend "verschenkten" Platz auf der rechten Seite so nutzen, dass der gesamte Bereich in zwei Spalten unterteilt wird und in der rechten Spalte dann der EventMonitor läuft, ohne dass ich ihn jedesmal in einem separaten Browsertab oder -fenster aufrufen muss?

[Markus Bloch]

Du müsstest dir ein JS schreiben, was folgendes macht:

- div erzeugen mit position:absolute, top:0px, bottom:0px, width:50%, right:0px;
- darin dann den event-monitor grundcode:

Code Auswählen Erweitern

Events (Filter: <a href="#" id="eventFilter">.*</a>) &nbsp;&nbsp;<span class='fhemlog'>FHEM log <input id='eventWithLog' type='checkbox'></span>&nbsp;&nbsp;<button id='eventReset'>Reset</button><br><br>

<div id="console"></div>

- console.js laden

fertig.

Hab das manuell mal im Chrome gedengelt. Das console.js greift aber nicht, da es nicht direkt geladen wird, wenn man den DOM editiert.

Gruß
Markus

[betateilchen]

Du müsstest dir ein JS schreiben, was folgendes macht:

ich geh mal eben ins Darknet, einkaufen... 

[Markus Bloch]

Ja, tut mit Leid. Hab leider keine Zeit dir sowas zusammen zu klöppeln.

[betateilchen]

Kein Problem, ich hab halt von so einem Kram null Plan. Und ich werde in diesem Leben auch nicht mehr anfangen, mich auch noch mit sowas zu beschäftigen.

[justme1968]

- das angehängte monitorRight.js file nach www/pgm2 legen
- pgm2/monitorRight.js zum JavaScripts attribut der FHEMWEB instanz hinzufügen
- width in zeile 5 eventuell anpassen
- nur mir safari getestet und nicht hübsch gemacht

gruss
  andre

[betateilchen]

super, danke. das reicht mir erstmal aus