Moritz: Live-Suche á la Spotlight

SELF-Forum

Live-Suche á la Spotlight

Moritz
– Informationen zu den Bewertungsregeln

Hallo,
weiß zufällig jemand, wie man eine Suche programmiert, die quasi live die Suchergebnisse im Browserfenster filtert? Ich meine z.B. die Suchfunktion im RSS-Reader von Safari, dcie ähnlich wie Spotlight funktioniert (damit können jetzt natürlich nur die Mac-User was anfangen).
Also im Prinzip habe ich eine große Tabelle und ein Texteingabefeld. Wenn ich dort jetzt eine Buchstabenfolge eingebe, sollen alle Tabellenzeilen, in denen diese Buchstabenfolge nicht vorkommt ausgeblendet werden, ohne dass jedes Mal die komplette Seite neu geladen wird. Womit geht das? Mit Javascript?

Vielen Dank,
Moritz

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Live-Suche á la Spotlight

    Alexander Brock Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Freunde des gehobenen Forumsgenusses,

    Also im Prinzip habe ich eine große Tabelle und ein Texteingabefeld. Wenn ich dort jetzt eine Buchstabenfolge eingebe, sollen alle Tabellenzeilen, in denen diese Buchstabenfolge nicht vorkommt ausgeblendet werden, ohne dass jedes Mal die komplette Seite neu geladen wird. Womit geht das? Mit Javascript?

    z.B. Da ich annehme, dass dir diese Antwort nicht reicht hier noch eine Idee zum pronzipiellen Vorgehen:

    Du ratterst deine Tabelle durch, guckst ob der gesuchte Text drin ist und wenn nicht blendest du sie aus.

    Gruß
    Alexander Brock

    --
    A
    VMenü - Ein Klasse in PHP, mit der man beliebig tief verschachtelte (x)HTML-Menüs erstellen kann.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Live-Suche á la Spotlight

      Ashura Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Alexander.

      Du ratterst deine Tabelle durch, […]

      Dies würde ich aus Performancegründen nur einmalig durchführen und den Inhalt der Tabellenzellen sowie eine Referenz darauf in einem Array ablegen. Dieser dürfte sich weitaus schneller abarbeiten lassen.

      Im Grunde werden doch „nur“ onkeyup sowie indexOf benötigt oder?

      Einen schönen Montag noch.

      Gruß, Ashura

      --
      sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
      „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
      [HTML Design Constraints: Logical Markup]
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln