FHEM Forum

FHEM => Frontends => FLOORPLAN => Thema gestartet von: pano am 29 November 2016, 18:52:03

Titel: Frage zu <pre> und title in generierten Floorplan HTML-Code
Beitrag von: pano am 29 November 2016, 18:52:03
Hallo,

nach meinen ersten Gehversuchen mit dem Floorplan sind mir zwei Dinge aufgefallen, die ich gerne verstehen würde:
1) Stelle Dummys im Floorplan dar. Beim Longpoll wird der Inhalt des States in ein <pre>...</pre> eingeschlossen. Das hat zum Teil gravierende Auswirkungen auf Stylesheets. Lässt sich das irgendwie deaktivieren?
2) Die im Floorplan dargestellten Elemente stehen in einem DIV, der im title Attribut den darzustellenden Wert beinhaltet. Ich stelle komplexe HTML-Strukturen in Floorplans dadurch dar, dass sich den gewünschten HTML-Code in den State eines Dummys schreibe. Das Ergebniss im generierten Quellcode sieht dann so aus, dass im Title wiederum kompletter HTML Code steht:

<div id="FP_br_HT_Main_dummy"  title="<div id=heatMain>
<table border=0>
<tr><td> </td><td class=mainSoll>ist</td><td class=mainSoll>soll</td><td class=mainControl> </td></tr>
<tr><td class=mainRoom>Wohnräume</td><td class=mainIst>18.7</td><td class=mainSoll valign=bottom>22.0</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a></td></tr>
<tr><td class=mainRoom>Küche</td><td class=mainIst>20.8</td><td class=mainSoll valign=bottom>19.5</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a></td></tr>
<tr><td class=mainRoom>Flure</td><td class=mainIst>20.9</td><td class=mainSoll valign=bottom>20.0</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a></td></tr>
<tr><td class=mainRoom>Schlafzimmer</td><td class=mainIst>19.0</td><td class=mainSoll valign=bottom>18.5</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a><a href=#M13 class=mainControlButton>nacht</a></td></tr>
<tr><td class=mainRoom>Kinderzimmer</td><td class=mainIst>19.0</td><td class=mainSoll valign=bottom>12.0</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a><a href=#M13 class=mainControlButton>spielen</a></td></tr>
<tr><td class=mainRoom>Gästezimmer</td><td class=mainIst>20.4</td><td class=mainSoll valign=bottom>20.0</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a></td></tr>
<tr><td class=mainRoom>Bad</td><td class=mainIst>18.9</td><td class=mainSoll valign=bottom>21.0</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a><a href=#M13 class=mainControlButton>kaperfahrt</a></td></tr>
<tr><td class=mainRoom>Keller</td><td class=mainIst>18.0</td><td class=mainSoll valign=bottom>17.0</td><td class=mainControl><a href=#M11 class=mainControlButton>auto</a><a href=#M12 class=mainControlButton>wärmer</a><a href=#M13 class=mainControlButton>abschaltung</a></td></tr>
</table>
</div>
" class="col2"><div id="heatMain">
<table border="0">
<tr><td> </td><td class="mainSoll">ist</td><td class="mainSoll">soll</td><td class="mainControl"> </td></tr>
<tr><td class="mainRoom">Wohnräume</td><td class="mainIst">18.7</td><td class="mainSoll" valign="bottom">22.0</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a></td></tr>
<tr><td class="mainRoom">Küche</td><td class="mainIst">20.8</td><td class="mainSoll" valign="bottom">19.5</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a></td></tr>
<tr><td class="mainRoom">Flure</td><td class="mainIst">20.9</td><td class="mainSoll" valign="bottom">20.0</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a></td></tr>
<tr><td class="mainRoom">Schlafzimmer</td><td class="mainIst">19.0</td><td class="mainSoll" valign="bottom">18.5</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a><a href="#M13" class="mainControlButton">nacht</a></td></tr>
<tr><td class="mainRoom">Kinderzimmer</td><td class="mainIst">19.0</td><td class="mainSoll" valign="bottom">12.0</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a><a href="#M13" class="mainControlButton">spielen</a></td></tr>
<tr><td class="mainRoom">Gästezimmer</td><td class="mainIst">20.4</td><td class="mainSoll" valign="bottom">20.0</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a></td></tr>
<tr><td class="mainRoom">Bad</td><td class="mainIst">18.9</td><td class="mainSoll" valign="bottom">21.0</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a><a href="#M13" class="mainControlButton">kaperfahrt</a></td></tr>
<tr><td class="mainRoom">Keller</td><td class="mainIst">18.0</td><td class="mainSoll" valign="bottom">17.0</td><td class="mainControl"><a href="#M11" class="mainControlButton">auto</a><a href="#M12" class="mainControlButton">wärmer</a><a href="#M13" class="mainControlButton">abschaltung</a></td></tr>
</table>
</div>


Das macht den generierten Quellcode unnötig groß und unleserlich. Lässt sich das irgendwie unterbinden? Oder missbrauche ich hier den Dummy und übersehe eine bessere Methode dynamichen HTML Code im Floorplan einzubinden?

Vielen Dank,
Pano
Titel: Antw:Frage zu <pre> und title in generierten Floorplan HTML-Code
Beitrag von: UliM am 04 Dezember 2016, 08:51:09
Hi,
für das Einbinden eigener html-codes gibt es
weblink htmlCode
siehe http://fhem.de/commandref.html#weblink (http://fhem.de/commandref.html#weblink).
Erspart das den Umweg über den Dummy?
Gruß, Uli