Beiträge von draexler

Wie muss ich den den ShowHide hier eintragen, damit beim erfolgreichen versenden die Felder zurückgesetzt werden?

}
const invalidElems = document.querySelectorAll('form :invalid');
if (invalidElems.length == 0 && isValid) {
params = new FormData();
params.append('json', JSON.stringify(json));
params.append('mac', "0000021EDF033B15");
fetch('/jsonupload', {
method: 'post',
body: params
}).then(() => {
document.getElementById('jsonupload').reset();
alert('Eingabe wurde an die TAGS übertragen');
}).catch(reason => alert(reason));

Super, hat funktioniert. Danke dir.

Wie kann man den noch die Auswahlfelder ausblenden/zurücksetzten? Aktuell wird nur der Radiobutton zurückgesetzt und der Feldinhalt gelöscht.

Finde dazu nichts.

Ja, funktioniert 👍

So ich muss mal wieder vielen, vielen Dank sagen.

Funktioniert wunderbar Super das es so Leute wie dich gibt, die da einen unterstützen. Habe unglaublich viel gelernt dabei.

Jetzt geht es ums hübsch machen und evtl. habe ich noch die ein oder andere kleinere Frage.

Nochmal Danke

Super Perfekt und wenn man es sieht leuchtet es ein

Habe das ganze jetzt in das Bestandssript übernommen. Das Funktioniert auch so wunderbar (die select2 implementierung), aber leider kann es nicht abgesendet werden. Es läuft in die "Eingabe nicht korrekt!" Schleife.

Nach meiner Logik sollte es aber so funktionieren.

Broswerlog gibt folgendes aus.

steuerung.html:1 Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received

Was es bedeutet verstehe ich, aber ich werde nicht schlau daraus.

Hier mal das komplette .html.

Ich denke mal das wird die letzte Hürde sein, dann heißt es nur noch Anpassungen für das Format damit es über die Kiosk App ordentlich steuerbar ist.

Ja das hatte ich auch schon gesehen, mein Problem ist das ich mit Codeschnipseln aus Beispielen mir nicht das ganze große Vorstellen kann.

Was ich schon versucht hatte bei den deinem Select Beispiel die Werte wie wir es schon hatten in ein JS Objekt zu packen:

        const
            liednamen = {
        <option value="1">Sternenbanner</option>
        <option value="2">Weil ich dich gerne mag</option>
        <option value="3">Posaunenparade</option>
        <option value="10">Lieblingstück</option>
        <option value="11">Trompetenserenade</option>
        <option value="12">Hinter dem Wald</option>
        <option value="123">Walzerliebe</option>
        <option value="123">Wiener Marsch</option>
        <option value="312">Dixie Land Parade</option>
        <option value="402">Schritt für Schritt</option>
        }

Und damit dann das select mit mit

                    <select id="liednamen" list="liednamen"  type="text">
                      </select>

zu erzeugen.

Funktioniert natürlich nicht. Puh, ganz schön harte Lernphase für mich gerade.

Ich ärger mich immer noch das das mit der Datalist nicht funktioniert.

Wegen den 250 Titel. Aufgenommen ja, aber zum Testen ist eine kleine feine Liste besser.

Danke dir, habe heute auch wieder eine Zeitlang recherchiert. Komme aber nicht so recht weiter

Nach meinen Recherchen gibt es anscheinend keine Möglichkeit mit den Select so zu arbeiten wie mit einer Datalist. Sollte ich damit richtig liegen, würde dies ja heißen ich müsste für alle vier betroffenen Eingabefelder ein Select einfügen und die Werte doppeln...

Ich hoffe ich liege falsch. Wüsste jetzt aber auch nicht nach was ich sonst noch googeln soll.

z.B.

link select to input

several inputs with the same select

etc.

Ich probiere es.

Aber schon die die erste Frage: Bis jetzt habe ich ja Eingabefelder mit der Datalist verknüpft:

          <input id="input-liedname-2" style="width:300px;height:20px" list="datalist-lieder" type="text"></label
          <datalist id="datalist-lieder">
          </datalist>

Was muss ich hier abändern?

Was mir auch an dem jetzigen Beispiel aufgefallen ist. Man kann nicht nach Nummer suchen. Wie könnte man das ändern? In den Beispielen auf Select2 finde ich keinen Hinweis.

Guten Morgen

Kann Erfolg melden Funktioniert und sieht auf den Fully Kiosk genau so aus wie auf Chrome.

Die Pfade habe ich wieder korrigiert. Macht aber kein Problem

Schon mal wieder vielen DANK!! Guter Start ins Wochenende.

Ich habe jetzt mal die select2.js in select2.css umbennant (Was vermutlich sicher falsch ist, aber vielleicht kannst du nochmal dein zip überprüfen.

Im Networklog kommen keinerlei Fehler.

Bildschirmfoto 2023-08-12 um 00.44.52.png

Im Fully Kiosk gleiche Anzeige und Bedienung wie im Chrome.

Kommando zurück...

Ich habe jetzt nochmal das Networklog geprüft...

Er moniert das die select2.css fehlt, in deinen bereitgestellten Dateien ist diese nicht vorhanden. Kannst du die noch bereitstellen? Das wäre super

Leider kann ich keine Ordner anlegen.

Habe es mal ohne gemacht. Die Dateien liegen alle im gleichen Verzeichnis.

Bildschirmfoto 2023-08-12 um 00.21.51.png

Habe dann bei deinem Script die Pfade geändert.

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Test Select2 für Notenpult Anzeigesteuerung Musikkapelle ORT</title>
    <link rel="stylesheet" href="select2.css">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="select2.js"></script>
    <script>
        $(document).ready(function () {
            $('#test-select2').select2();
        });
    </script>
</head>

<body>
    <select id="test-select2">
        <option value="1">Sternenbanner</option>
        <option value="2">Weil ich dich gerne mag</option>
        <option value="3">Posaunenparade</option>
        <option value="10">Lieblingstück</option>
        <option value="11">Trompetenserenade</option>
        <option value="12">Hinter dem Wald</option>
        <option value="123">Walzerliebe</option>
        <option value="123">Wiener Marsch</option>
        <option value="312">Dixie Land Parade</option>
        <option value="402">Schritt für Schritt</option>
    </select>
</body>

</html>

Im Chrome sieht das Ergebnis so aus.

Passt das?

Bildschirmfoto 2023-08-12 um 00.19.40.png
Im Fully Kiosk sieht es genau so aus.

Ich habe jetzt einfach mal folgendes verwendet (alle Files etc. habe ich gelöscht)

<!DOCTYPE html>
<html>
  <head>
    <title>Titel der Webseite</title>
<script type="text/javascript">
$(document).ready(function() {
  $(".js-example-basic-single").select2();
});
</script>

<select class="js-example-basic-single">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>
</head>
<html>

Funktioniert auch? Warum? Sorry aber das ist soviel Input.

Frage hatte ich oben schon gestellt. jQuery zum Download finde ich wo?

Die beiden URLS sind gleich. Bevor ich dann nochmal Frage die jQuery ist ein File das ich dann auch in das gleiche Verzeichnis lege, wie die anderen?

Ok, dann probiere ich mal select2.

In der Doku steht:

<link href="path/to/select2.min.css" rel="stylesheet" />
<script src="path/to/select2.min.js"></script>

Die beiden habe ich jetzt mal hochgeladen.

Bildschirmfoto 2023-08-11 um 15.51.36.png

Du schreibst aber was von jQuery und Skript?

Wir würde den der einfachste Test aussehen? Machmal sehe in den Wald vor lauter Bäumen nicht...

Vermutlich, aber so wie ich es interpretiere muss ich bei den anderen (polyfill will ja auch nicht funktionieren) etwas installieren? oder übersehe ich hier etwas? Was ich maximal machen kann ist ein File zu hinterlegen was geladen wird.

Danke

Mit dem habe ich wahrscheinlich schon Kontakt, zumindest mit dem Support. Die können aber nichts machen, weil der Android webview auch nur eine Blackbox ist, leider.

Mmh, aber eigentlich bin ich ja komplett auf http: unterwegs Würde ich meinen.

Aber vielleicht noch mal polyfill. Probieren?

Das .js wird laut log eigentlich geladen. Ich schicke mal einen Screesshot ob ich das richtig deute.

Nein, das was auf Fully-Kiosk liegt, ist vom App Entwickler. Der hat es da freundlicherweise hinerlegt -> das funktioniert.

Hinterlege ich in der Fully Kiosk App wieder meinen HTTP Link (wo nur http: verfügbar ist), funktioniert es nicht...

Das mit http: und https: ist nur eine Vermutung meiner Seite, da es recht deutlich ist.

Konsole kann ich leider nur bei den Browsern wo es ja geht... Bei Fully Kiosk mit webview komme ich da nicht ran.