Live-Suche innerhalb von Webseiten
Kontakt
Live-Suche innerhalb von Webseiten
Wenn man längere Listen von Einträgen bereitstellt – sei es eine Stichwortliste (A-Z), Download-Dateien, Termine o.ä. –, kann es sinnvoll sein, schnell innerhalb dieser Listen suchen zu können. Hierzu kann ein Suchfeld am Anfang der Liste ergänzt werden, das auf Texteingaben unmittelbar reagiert und die Liste auf diejenigen Einträge reduziert, in welchen die eingegebene Zeichenkette gefunden wird.
Grundlagen für die Nutzung der Live-Suche
Voraussetzung für die Verwendung der Live-Suche ist eine gegebene Auflistung von Elementen. Diese Auflistung muss vollständig in der Webseite vorhanden sein. Bei der Suche findet nämlich keine Interaktion mit dem Webserver statt, sondern aus der Gesamtliste werden mittels der Suche lediglich die nicht passenden Einträge ausgeblendet. Die Suche funktioniert also im Sinne eines Filters.
Auf diese Art durchsuchbar sind Einträge einer normalen Aufzählungsliste, einer Liste von Download-Dokumenten, Adressen, Kalenderterminen oder News-Artikeln. Aber auch weitere Konstellationen können ermöglicht werden - ggfs. durch eine ergänzende Definition, woran die zu filternden „Elemente” als solche für das unter der Haube verwendete Suchprogramm erkennbar sind.
Einschränkung: Derzeit darf auf einer Webseite nur einmal gleichzeitig die Live-Suche aktiviert sein, da sonst Funktionsfehler auftreten können.
Beispiele
- Eine Aufzählungsliste (z. B. A–Z-Suche der TYPO3-Dokumentation) mit weiterführenden Links.
- Das EINBLICKE-Archiv verwendet ein Menü von Seiten mit Zusammenfassungen. Dazu wurde für jede Seite in deren Seiteneigenschaften das Feld „Zusammenfassungen” entsprechend gefüllt, um anschließend eine Basis für die Suche zu liefern.
- Mit einem Dateilinks-Inhaltselement können Download-Dokumente filterbar gemacht werden.
- BibTeX-Literaturliste mit Suchfeld und automatischen Kategorien
Aktivierung der Live-Suche
Wenn eine geeignete Auflistung von einem Inhaltselement bereitgestellt ist, kann für dieses Inhaltselement das Echtzeit-Suchfeld aktiviert werden, indem ihm eine bestimmte CSS-Klasse zugewiesen wird, nämlich livesearch. Anhand dieses Merkmals aktiviert sich automatisch das Suchfeld, das dann der Liste vorangestellt wird.
Weitere Möglichkeiten
Ergänzendes, automatisches Auswahlfeld mit Kategorien
Unter Umständen kann ein jedes aufgelistetes Element bestimmte Schlagworte mitliefern – ähnlich den sogenannten „Tags” bei bestimmten Blog-Artikeln oder auch Kategorien. Die an der UOL eingesetzte Automatik deutet automatisch das als „Kategorie”, was in eckigen Klammern geschrieben ist. Aus allen gefundenen Kategorien wird dann automatisch ein Auswahlmenü generiert, welches zusätzlich zum Live-Suchfeld angezeigt wird und so gewissermaßen vorbereitete Suchbegriffe anbietet, die dann auch ausdrücklich nur innerhalb dieser Kategorien suchen.
Das automatische Auswahlmenü verhindern
Eventuell enthält der Text Begriffe in eckigen Klammern, die nicht dazu gedacht sind, dass daraus ein Auswahlmenü generiert wird. In diesem Fall kann man dem Inhaltselement zusätzlich die CSS-Klasse ls_noselect geben, d. h. insgesamt muss dann dort livesearch ls_noselect stehen.
Beispiel:
- Listeneintrag mit einigem Beschreibungstext
Stichworte: [Stichwort 1] [Noch ein Stichwort] - Weiterer Listeneintrag mit noch mehr Infos
Stichworte: [Anderes Tag] [Stichwort 1] - Dritter Eintrag mit weiteren Daten
Stichworte: [noch] [mehr] [Text]
Selbst definierte weitere Auswahlmenüs
Ebenfalls möglich, aber technisch etwas aufwändiger ist es, selbst zusätzliche Auswahlmenüs zu definieren. Dies kann sinnvoll sein, um gleichzeitig nach verschiedenen Kriterien filtern zu können.
Beispiele:
Die Anwendung dieser Suchmöglichkeit erfordert zusätzliche Konfigurations-Informationen in der Webseite, aus welchen die Struktur dieser Auswahlmenüs hervorgeht. Diese Möglichkeit kann bei Bedarf vom Internetkoordinator eingerichtet bzw. unterstützt werden.
Alternative: Filterung anhand Kategorien mittels Buttons
Wenn keine Textsuche benötigt wird, sondern lediglich eine Filterung anhand bestimmter Kategorien (z. B. innerhalb der Termine eines Kalenders), können sich Buttons anbieten:
Beispiel: Termine vom International Office
Zusätzliche Varianten ...
… sind grundsätzlich möglich. Bitte sprechen Sie den Internetkoordinator zu Ihrem konkreten Bedarf an.
Beispiele für zusätzliche Konfigurationsmöglichkeiten:
- Umbenennung der Überschrift „Suche”
- Zusätzliche Auswahlmenüs suchen ausdrücklich nur in bestimmten Unterbereiche der Listenelemente, z. B. nur für eine bestimmte Zelle einer Tabellenreihe.
- Definition weiterer Kriterien zur Identifikation der zu durchsuchenden Auflistung