Birliban: Gesuchte Begriffe auf Ergebnisseite hervorheben.

Hallo,

wie kann ich bestimmte Wörter einer html-Seite dynamisch hervorheben?
Die soll eine Seite sein, auf welcher ein Suchergebnis steht, vorher wurde nach einem bestimmten Begriff gesucht. Dieser Begriff/Begriffe soll automatisch hervorgehoben werden (fett/kursiv/...)
Also eigentlich nach dem Prinzip wie bei google, auf der Ergebnisseite sind die eingegebenen Begriffe fett markiert.

Ich habe leider keine Idee wie ich das mit Javascript anstellen soll und ob das überhaupt funktioniert. Oder sollte man das lieber schon Serverseitig machen(ich arbeite mit ASP)

Für jegliche Idee oder Anregung bin ich dankbar.

Gruß, Birlie

  1. Servus,

    mir wäre nicht bekannt, dass man auf einzelne Textelemente (Worte) innerhalb eines HTML Documentes entsprechend zugreifen kann.
    Hierfür müsstes Du jedes einzelne wort in ein Div, span etc. packen, um als Objekt darauf zugreifen zu können.

    Gut meine ausführung mag nun ncht 100% Korrekt sein.
    Ich an Deiner stelle würde es jedoch Server seitig lösen,
    da Du ohnehin Serverseitig mind. das Schlüsselwort an den Client wieder zurück geben müsstest.

    Gruss Matze

    1. hi,

      mir wäre nicht bekannt, dass man auf einzelne Textelemente (Worte) innerhalb eines HTML Documentes entsprechend zugreifen kann.
      Hierfür müsstes Du jedes einzelne wort in ein Div, span etc. packen, um als Objekt darauf zugreifen zu können.

      zumindest auf den kompletten inhalt des bodies kannst du in aktuellen browsern mit innerHTML zugreifen.
      dann mit den string-funktionen oder regulären ausdrücken z.b.
      suchwort
      durch
      <b>suchwort</b>
      ersetzen, und theoretisch wärst' fertig. (*)

      praktisch musst du dabei aber auch noch aufpassen, dass du keine tags auseinanderreisst, suchwort nicht ersetzt wenn es in URLs innerhalb von href oder src vorkommt, etc. pp. blahblah ...

      ich würde ebenfalls dazu tendieren, die serverseitige lösung vorzuziehen.

      gruss,
      wahsaga

      (*) bitte keine diskussion über <b> vs. <strong> anfangen, war nur ein beispiel :-)

  2. Hallo Bierlie,

    wie kann ich bestimmte Wörter einer html-Seite dynamisch hervorheben?

    schau mal unter http://www.kryogenix.org/code/browser/searchhi/

    Gruß
    Raphael