[gelöst] floorplan LCARS "Backimg/Aktuelle Seite" - funktionierende definition

[Brot]

Grüet'si!

Ich bin gerade an dem LCARS floorplan:
https://wiki.fhem.de/wiki/Floorplan_im_LCARS_Design

Die dort erwähnte Definition zur "Erweiterung Backimg/Aktuelle Seite"..:

Code Auswählen Erweitern

define current_fp_page weblink htmlCode {'<a class="svg"><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg2" version="1.1" inkscape:version="0.91 r13725" sodipodi:docname="switch_off.svg" viewBox="0 0 170 45.000001" width="170" height="45"> <style type="text/css" id="style3"> @font-face { font-family: "lcars"; src: url("/fhem/images/default/lcars/lcarsgtj3-webfont.eot"); src: url("/fhem/images/default/lcars/lcarsgtj3-webfont.eot?#iefix") format("embedded-opentype"), url("/fhem/images/default/lcars/lcarsgtj3-webfont.woff") format("woff"), url("/fhem/images/default/lcars/lcarsgtj3-webfont.ttf") format("truetype"), url("/fhem/images/default/lcars/lcarsgtj3-webfont.svg#lcarsgtj3lcarsgtj3") format("svg"); font-weight: normal; font-style: normal;} </style> <defs id="defs4"/> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="3.9185501" inkscape:cx="8.571662" inkscape:cy="52.612298" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" units="px" inkscape:window-width="1827" inkscape:window-height="1051" inkscape:window-x="84" inkscape:window-y="-9" inkscape:window-maximized="1"/> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> <dc:title/> </cc:Work> </rdf:RDF> </metadata> <g inkscape:label="Ebene 1" inkscape:groupmode="layer" id="layer1" transform="translate(0,0)"> <text font-size="35" font-family="lcars" id="text_current" fill="#0000DD" text-anchor="middle" y="25" x="85">NIFP</text> </g> </svg></a><script>$("#text_current").html($("#backimg").html().replace("fp_LCARS_", ""));</script>' }

..wird von FHEM direkt abgeschmettert mit:

Unknown command src:, try help.
Unknown command src:, try help.
Unknown command font-weight:, try help.
Unknown command font-style:, try help.
Unknown command }, try help.
Unknown command ', try help.

Kann schon sein, weil hier schätzungsweise die enthaltenen...

;

mehr so escaped werden könnten/sollten:

;;

Macht man das, wird die definition erstellt, allerdings haut es einem dann so etwas um die Ohren:

Code Auswählen Erweitern

fhem?detail=current_fp_page&fw_id=4800 line 137:
TypeError: $(...).html() is undefined

Kann mir wer sagen wie ich das gelöst bekomme oder hat womöglich für den LCARS floorplan hier eine funktionierende Variante für mich?

Grüße,
Buttermilch-Dinkel-Brot

[Brot]

Nicht dass das an dem eigentlichen Problem etwas lösen würde, aber zumindest so würde die recht nervige Fehlermeldung nicht mehr erscheinen (die sonst bei jedem Aufruf des devices aufpoppen würde):

Code Auswählen Erweitern

attr WEB confirmJSError 0

[Brot]

Nach "leichtem Ausdünnen" der Definition - so geht's:

Code Auswählen Erweitern

defmod current_fp_page weblink htmlCode {'<a class="svg"><svg> <style type="text/css" id="iriestyle"> @font-face { font-family: "lcars";; src: url("/fhem/images/default/lcars/lcarsgtj3-webfont.eot");; src: url("/fhem/images/default/lcars/lcarsgtj3-webfont.eot?#iefix") format("embedded-opentype"), url("/fhem/images/default/lcars/lcarsgtj3-webfont.woff") format("woff"), url("/fhem/images/default/lcars/lcarsgtj3-webfont.ttf") format("truetype"), url("/fhem/images/default/lcars/lcarsgtj3-webfont.svg#lcarsgtj3lcarsgtj3") format("svg");; font-weight: normal;; font-style: normal;;} </style> <defs id="defs4"/> <id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" showgrid="false" units="px"/> <g id="layer1" transform="translate(0,0)"> <text font-size="35" font-family="lcars" id="text_current" fill="#0000DD" text-anchor="middle" y="27" x="90">Superendprimatext</text> </g> </svg></a><script>$("#text_current").html($("#backimg").html().replace("fp_LCARS_", ""));;</script>'}