Inhalt aus Inputfeld nehmen und Text suchen

Sempervivum · 10. August 2023

Dann wird es ein bisschen schwierig weil ich keinen Browser habe, der kein Datalist unterstützt. Sieh als erstes in der Console nach, ob irgend welche Fehlermeldungen kommen. Und dann im Network-Tab ob diese JS-Datei auch fehlerfrei geladen wird.

draexler · 11. August 2023

So jetzt bin ich mit meiner Analyse ein Stück weiter:

Verwende ich die .html lokal bzw. die .html liegt auf einen ESP den ich mit http:// aufrufe -funktioniert es nicht.
Verwende ich den Link, der über https:// https://www.fully-kiosk.com/fully/test-datalist.html -> funktioniert es.

Lustige Sache.

Sempervivum · 11. August 2023

Was funktioniert denn eigentlich genau nicht? Wegen der Angelegenheit, dass datalist nicht unterstützt wird, bin ich davon ausgegangen, dass beim Klick auf das Eingabefeld die Liste nicht auf klappt?

draexler · 11. August 2023

Wenn ich in das Eingabefeld klicke und etwas eingebe, kommen keine Vorschläge die in der Datalist stehen. Normalerweise erscheint ja schon beim draufklicken in die Eingabemaske ein Dropdownfeld mit den Eingabemöglichkeiten.

Sempervivum · 11. August 2023

Fully Kiosk Testing Datalist

Das liegt auf fully-kiosk.com, ist dann wahrscheinlich nicht von dir?

Hast Du mal in die Konsole gesehen?

draexler · 11. August 2023

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.

Sempervivum · 11. August 2023

Zitat

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

Die Vermutung ist durchaus berechtigt, es gibt da "mixed content", das ist ein Fehler, den man bekommt, wenn man in einer https-Seite eine über http einbindet. Allerdings würde dann die eingebundene Seite überhaupt nicht geladen werden, während in unserem Fall nur die Datalist nicht funktioniert.

draexler · 11. August 2023

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.

Sempervivum · 11. August 2023

Ja, wird eindeutig ohne Fehler geladen.

Zitat

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

Ich dachte mehr daran, dass Fully Kiosk die Seite möglicher Weise über https lädt.

Ich habe inzwischen eine wenig weiter gesucht und dies gefunden:

Fully Kiosk Browser für Android - Seite 86

forum.fhem.de

Da ist davon die Rede, dass ein aloz77 der Entwickler von Fully Kiosk ist. Möglicher Weise könntest Du den mal anschreiben.

draexler · 11. August 2023

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.

Sempervivum · 11. August 2023

Dann bliebe noch die Möglichkeit, eines der anderen Skripts aus #57 zu versuchen. Am besten schnell eine einfache Testseite machen und sehen ob diese funktioniert.

draexler · 11. August 2023

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.

Sempervivum · 11. August 2023

Bei den beiden, Select2 und Selectize, jeweils zwei, einmal jQuery und dann das eigentliche Skript.

Zitat

Was ich maximal machen kann ist ein File zu hinterlegen was geladen wird.

Wenn Du nur ein File laden kannst, kannst Du versuchen, mit einem Editor beide zusammen zu fügen, erst jQuery und dann das Skript.

draexler · 11. August 2023

Ok, dann probiere ich mal select2.

In der Doku steht:

Code

<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...

Sempervivum · 11. August 2023

Ein Beispiel finde ich z. B. hier:

Examples - Select2

Gleich das erste für "Single".

Und jQuery kannst Du hier herunter laden:

Examples - Select2

Auch gleich das erste, compressed.

draexler · 11. August 2023

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?

Sempervivum · 11. August 2023

Ja, erst jQuery dann Select2. Und das CSS-File. Du kannst alles im Head unterbringen wenn Du

Code

$(document).ready(function() {

verwendest wie in dem Beispiel.

draexler · 11. August 2023

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

HTML

<!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>

Alles anzeigen

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

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

m.scatello · 11. August 2023

Zitat von draexler

jQuery zum Download finde ich wo?

google -> jquery download

Sempervivum · 11. August 2023

Zitat

Funktioniert auch? Warum?

Das HTML ist ja ein vollständiges Select (wenn man mal von den drei Punkten absieht) und das funktioniert auch ohne das Javascript. Nur, bei 250 Einträgen würde es sich über ca. 10 Seiten erstrecken und wäre schwer zu bedienen. Und jQuery kannst Du hier herunter laden:

Download jQuery | jQuery

Gleich das erste, compressed, production.

(Eigentlich wollte ich das in #75 posten aber habe die falsche URL erwischt.)

Inhalt aus Inputfeld nehmen und Text suchen

Jetzt mitmachen!

Teilen