hide- und Begrenzungsfnktion
Hi liebe Community :)
Ich bräuchte mal eure Hilfe. Ich habe ein Suchfeld mit Eingabemöglichkeit und würde gerne nur das Suchfeld ohne die Liste darunter haben. Ebenso sollen maximal 5 Ergebnisse angezeigt werden. Hat jemand eine Lösung für mich? Code:
<!DOCTYPE html> |
Und woran scheitert es jetzt? Wenn du nur 5 anzeigen möchtest, dann brauchst du eine weitere Variable, die durchzählt wie viele Elemente schon angezeigt werden.
Bzw: Ist so etwas, was für dich passen könnte? https://selectize.github.io/selectize.js/ |
Hi cloned,
danke für deine Antwort! Ich habe sonst mit JS nix zutun und musste mir den Code mühselig raussuchen. Wo müsste ich das denn genau einfügen um die gewünschte Begrenzung zu erhalten? |
Hat keiner eine passende Lösung für mich oder weitere Anhaltspunkte an denen ich mich orientieren könnte? Es ist wirklich dringend
|
Code:
for (i = 0; i < li.length; i++) { Code:
var j = 0; |
Hey :D Das funktioniert wunderbar! :lol: Herzlichen Dank!
Jetzt habe ich nur noch das Problem, dass unterhalb des Suchfeldes alle Inhalte der <li> Listen gezeigt werden. Ich habe mittels "nodisplay" zwar alle ausgeblendet bekommen, jedoch funktioniert dann die Eingabe nicht. Hättest du dafür auch noch eine Lösung? Ich bedanke mich schonmal recht herzlich bei dir! |
Was soll nodisplay sein?
Ansonsten kannst du mittels CSS Code:
li{display:none} |
Ich hatte da was im Internet gefunden und es versucht.
Habe es nun in das CSS eingefügt und er blendet sie auch aus, aber dann funktioniert die Suche nicht mehr :cry: https://www.w3schools.com/code/tryit...e=FDFGO3KXCDJI Gibt es dafür noch eine andere Lösung? Edit: Hab es auch mit visibility: hidden versucht, aber auch da funktioniert es nicht. Kann zwar Werte eintippen, aber der Reiter klappt sich nicht mehr aus. |
Code:
li[i].style.display = "block"; |
Herzlichen Dank :D funktioniert fast alles so wie ich es möchte :D
Wenn ich jetzt zum Beispiel dw eintippe, werden mir die 5 ergebnisse angezeigt, aber wenn ich sie wieder lösche, erscheinen unten trotzdem weiterhin 5 Ergebnisse. Gibt es noch eine Möglichkeit, dass beim leeren des Suchfelds keine Zeilen angezeigt werden? https://www.w3schools.com/code/tryit...e=FDFHSJ3VX5JP |
Alle Zeitangaben in WEZ +2. Es ist jetzt 14:48 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023