VIS Adapter Verständnisfrage
-
Aber nicht erschrecken. Die Debug-Anzeige mit [F12] wird dich am Anfang erschlagen … Wenn du den HTML-Code genau eines Widgets sehen möchtest, dann klicke zur Laufzeit im Chrome-Browser via Rechtsklick darauf und wähle im Menü "Element untersuchen". Dann wird die Debug-Anzeige auf dem zugehörigen HTML-Code positioniert.
Geht im ioBroker.vis Editor auch, da dieser aber ein eigenes Kontextmenü beim Rechtsklick hat, musst du hier zusätzlich noch die [Umschalt] Taste gedrückt halten um an das Chrome-Browsermenü zu gelangen.
ioBroker.vis mischt
-
danke aber in der doku wird nur alles erklärt. ich interessiere mich wie vis aufgebaut ist.
weiß nicht wie ich das besser beschreiben soll.
Wenn ich nun einen script habe das aus JS besteht (gehört in einer normalen Seite in den Head Tag) und etwas HTML (Body Tag) splitte ich das nun in Vis und stecke den JS Teil bei Scripte rein und für den HTML Teil nehme ich ein Basic HTML Widget?
Oder kann man sowas gar nicht auf VIS anwenden?
Geht irgendwie PHP in VIS?
EDIT: Ja genau. Ok das könnte ich mal machen mit dem F12.
Das mit dem CSS fange ich langsam an durchzublicken dank dem Meterial Design und den Vorlagen 8-)
Wenn ich nun einen script habe das aus JS besteht (gehört in einer normalen Seite in den Head Tag) und etwas HTML (Body Tag) splitte ich das nun in Vis und stecke den JS Teil bei Scripte rein und für den HTML Teil nehme ich ein Basic HTML Widget?
Oder kann man sowas gar nicht auf VIS anwenden?
@kmxak
Das ist aktuell ebenfalls meine Herausforderung, gibt es dazu eine Antwort?Ich stehe aktuell vor einem Problem, wo ich leider selbst nicht weiterkomme. Ich würde gerne in meine Visualisierung das folgende Javascript einbetten:
Einbindung des API-Javascripts im <head>-Bereich deiner Website:
<script type="text/javascript"
src="http://www.fussball.de/static/layout/fbde2/egm//js/widget2.js">
</script>Ausgabe des Wettbewerbs – Einbindung im <body>-Bereich deiner Website:
<div id="widget1"></div>
<script type="text/javascript">
new fussballdeWidgetAPI().showWidget('widget1', '027NCB6HCG000000VS541L4FVT9UCIBC');
</script>Welches Vis-Widget nehme ich dazu?
-
Wenn ich nun einen script habe das aus JS besteht (gehört in einer normalen Seite in den Head Tag) und etwas HTML (Body Tag) splitte ich das nun in Vis und stecke den JS Teil bei Scripte rein und für den HTML Teil nehme ich ein Basic HTML Widget?
Oder kann man sowas gar nicht auf VIS anwenden?
@kmxak
Das ist aktuell ebenfalls meine Herausforderung, gibt es dazu eine Antwort?Ich stehe aktuell vor einem Problem, wo ich leider selbst nicht weiterkomme. Ich würde gerne in meine Visualisierung das folgende Javascript einbetten:
Einbindung des API-Javascripts im <head>-Bereich deiner Website:
<script type="text/javascript"
src="http://www.fussball.de/static/layout/fbde2/egm//js/widget2.js">
</script>Ausgabe des Wettbewerbs – Einbindung im <body>-Bereich deiner Website:
<div id="widget1"></div>
<script type="text/javascript">
new fussballdeWidgetAPI().showWidget('widget1', '027NCB6HCG000000VS541L4FVT9UCIBC');
</script>Welches Vis-Widget nehme ich dazu?
-
basic HTML-Widget für beides? sowohl den <head>-Teil als auch den <body>-Teil?
Habe gerade probiert, funktioniert leider nicht, es wird nichts angezeigt
-
@Jey-Cee nein, wo soll ich den document type angeben, sorry, stehe gerade auf dem Schlauch
-
@Jey-Cee sagte in VIS Adapter Verständnisfrage:
<!DOCTYPE HTML>Das muss einfach am Anfang stehen.
Ich habe das selbe Problem und bereits verschiedene Möglichkeiten getestet. Es wird jedoch nichts angezeigt (html widget).
Was kann ich ändern?<!DOCTYPE HTML> <head><script type="text/javascript" src="http://www.fussball.de/static/layout/fbde2/egm//js/widget2.js"> </script></head> <body><div id="widget1"></div> <script type="text/javascript"> new fussballdeWidgetAPI().showWidget('widget1', '027PSMSM50000000VS541L4FVUP2QSGB'); </script></body> </html>
Support us
615
Online32.7k
Benutzer82.5k
Themen1.3m
Beiträge