Hallo,
ich nutze seit ca. 2 Jahren eine HTML Box mit Javascript Webhook Aufrufen zur Steuerung meiner Musik-Playliste. Klicke ich auf einen Link, passiert leider weder im Netzwerk (Browser-Console) noch im Javascript-Bereich etwas.
Der Spezialschalter ServerSecurity hat auch keinen Einfluss.
Könnte sein, dass da das Semikolon fehlt. Nur wieso scheitert es schon an einem einfachen Console.log()?
Kannst du den obigen Quellcode (mit und ohne Semikolon) mal in einer HTML Box ausprobieren? Über die Entwicklerkonsole (F12 in den meisten Browsern) im Punkt Netzwerk sollte man ja sehen, dass was abgerufen wird.
Ich habe nur auf meinem Testsystem ein aktuelles Symcon, das aber gerade nicht greifbar.
Nachtrag: das Semikolon und den Klassennamen, sowie deutliche Reduktion habe ich ausprobiert.
Bereits die Zeile
var items = document.getElementsByClassName("playlist")
for (var i = 0; i < items.length; i++) {
console.log("eventHandler würde hinzugefügt");
}
gibt keine Ausgabe.
PS: Wenn ihr schon Google-Fonts nehmt, könnt ihr die auch ohne Google-Server einbinden?
Weiß jemand was sentry.io ist und wofür das aufgerufen wird?
Bei mir klappt ein einfaches console.log auf jeden Fall. Ich vermute vom Screenshot her du bist im Browser unterwegs, oder? Denn Browser und App haben unter der Haube (von außen hoffentlich unbemerkt) ein unterschiedliches HTML-Handling.
@yansoph und alle anderen Heos Modul Nutzer:
Dateipfad unter Windows (ggf. an andere Systeme anpassen): c:\ProgramData\Symcon\modules\HeosByDenon\HEOS Device\module.php
In der mir vorliegenden Dateiversion in Zeile 382 bis 402 auf folgendes anpassen:
Zeile 448: // $out.="</div></div></div>"; ersetzen durch
$out.="</div>
<script>
var items = document.getElementsByClassName(\"playlist\")
for (var i = 0; i < items.length; i++) {
items[i].addEventListener('click', showAlert);
}
function showAlert() {
var elem = event.target;
uri = elem.getAttribute ('hidden');
var HTTP = new XMLHttpRequest();
HTTP.open(\"GET\",\"/hook/HeosPlaylist" . $this->InstanceID . "?\" + uri ,true);
HTTP.send(); }</script>";
Danach ein MC_ReloadModule($STOREID, 'HeosByDenon');
@tobiasr
Tausend Dank für die Lösung samt Anleitung für den Patch!
Etwas umständlich ist nur das sich die HTML-Box nach betätigen eines Links nicht aktualisiert.
Es muss also jedes mal die HTML-Box verlassen werden und erneut geöffnet werden um zu sehen in welcher Struktur man sich gerade befindet und kann dann erst den nächsten Link auswählen.
Also nach jedem Klick Box schließen und wieder öffnen.
Gibt es hierfür immer noch kein Refresh der HTML-Box?
Könnte mir evtl. jemand bestätigen das sich die HTML-Box nach auswählen eines Links sich nicht automatisch refresht?
Ist jetzt nicht unbedingt das wichtigste auf der Welt, würde mich aber nur mal interessieren…
Achtung: Es geht hier nicht darum, dass du einen Link auswählst, sondern dass die HTML Box halt aktualisiert wird.
Teste doch mal bitte folgendes: HTML Box Übersicht in zwei Browsern öffnen. In einem jetzt einen Seitenwechsel antriggern und dann mal beobachten, ob wenigstens der andere Browser die Seite sofort wechselt.
Teste doch mal bitte folgendes: HTML Box Übersicht in zwei Browsern öffnen. In einem jetzt einen Seitenwechsel antriggern und dann mal beobachten, ob wenigstens der andere Browser die Seite sofort wechselt.
funktioniert leider nicht.
Habe gerade mal anstatt mit Edge mit dem Chrome getestet, funktioniert auch nicht.
