Zum Inhalt springen

Gaaaanz einfache Suche

Erstellt am 16. Mai 2006 · 3 Antworten · letzte Antwort am 16. Mai 2006

Tags: Frage

yeaher ·

Hallöle, wir sind offenbar doof:
Es gibt eeeeeine Seite mit einer Tabelle, dort sind gaaaaanz viele Datensätze enthalten.
Wir möchten nun eine SUCHE einfügen, die als Ergebnis immer NUR DIE ZEILE bringt, in der das Suchergebnis auch enthalten ist, oder es auch nur hervorhebt, würde ja auch schon reichen.
Die "normale" Suche bringt IMMER die Zielseite, mit aaaallen ihren viiielen Datensätzen, auch wenn Fantasiewörter eingegeben werden, die es dort gar nicht gibt (z. B. Roboterpenis - dies nur zur Aufheiterung).
Vielleicht kann wer helfen, danke!
Gruß Flo & Ray

jensxxl ·

Würde es nicht reichen, die normale Suchfunktion des Browsers (idR STR+F) zu benutzen? Dann erreicht man das selbe Ergebnis.

Ansonsten würde ich das mit nem JavaScript lösen. Da gibt's bei SelfHTML bestimmt ne Lösung für.

jensxxl ·

Dann schlage ich vor, dass ihr es mit einem Javascript löst.

Die Suchbegriffe laßt ihr von Typo3 von einem zusätzlichen DIV-Element umschließen. Diese DIV-Elemente brauchen jeweils ein name-Attribut, das den selben Wert hat wie der Suchbegriff. Wie das geht, weiß ich jetzt nicht. Da müßte ich mich erst hinsetzen, und dafür hab ich grad keine Zeit, sorry - vielleicht kann das ja jemand anderes hier lösen.
Der Suchbegriffe sehen dann quasi so aus:

<div name="Suchbegriff1">Suchbegriff1</div>
<div name="Suchbegriff2">Suchbegriff2</div>
<div name="Suchbegriff3">Suchbegriff3</div>

etc.
Irgendwo auf der Seite befindet sich dann das Suchformular, in das der Suchbegriff eingegeben wird:

<form name="suchformular" onsubmit="durchsucheseite()">
<input name="suchwort" type="text" />
<input type="submit" value="Suchen" />
</form>

Beim Absenden des Formulars wird folgendes Javascript ausgeführt:

function durchsucheseite() {
suchstring = document.suchformular.suchwort.value;
document.getElementsByName(suchstring).style.backgroundColor = "#0000FF";
}

Damit sollten alle DIVs, die den Namen des Suchbegriffs haben, einen blauen Hintergrund erhalten.

Das ganze hab ich nicht getestet, sondern kam grad aus'm Bauch heraus. Mag auch sein, dass ich hier ein paar kleine Fehler getippt habe. Aber es ging mir eher um's Prinzip, da ich voraussetze, dass ihr euch mit JavaScript, HTML, usw auskennt.