Do Aug 3 17:46:29 CEST 2006

Highlight für Suchanfragen

Manchmal kann man mit Javascript auch halbwegs sinnvolle Sachen ausser Webapplikationen machen, z.Bsp. das highlighten von Suchbegriffen, das vermittelt dem Besucher ein Gefühl von Interaktivität und die fehlende Kommentar Moglichkeit wird fast vergessen, also unbedingt etwas das ich brauche ;)
Howto für nanoblogger:
  • In $BLOG_DIR wechseln und ein Verzeichniss namens res anlegen und wechseln ( mkdir res && cd res)
  • http://www.kryogenix.org/code/browser/searchhi/searchhi.js herunterladen
  • in $BLOG_DIR/templates wechseln und in category_archive.htm main_index.htm makepage.htm month_archive.htm permalink.html folgendes einfügen:
    <script src="/res/searchhi.js" type="text/javascript"> </script>
    
    Ihr konnt auch einfach die Dateien bei mir runterladen.
  • Euer style anpassen und folgendes hinzufügen:
        .searchword {
            color: #222;
            background-color: #ff6;
            }
        .searchword0 {
            color: #222;
            background-color: #ff6;
            }
        .searchword1 {
            color: #222;
            background-color: #a0ffff;
            }
        .searchword2 {
            color: #222;
            background-color: #9f9;
            }
        .searchword3 {
            color: #222;
            background-color: #f99;
            }
        .searchword4 {
            color: #222;
            background-color: #f6f;
            }
        .searchword5 {
            color: #fff;
            background-color: #800;
            }
        .searchword6 {
            color: #fff;
            background-color: #0a0;
            }
        .searchword7 {
            color: #fff;
            background-color: #886800;
            }
        .searchword8 {
            color: #fff;
            background-color: #004699;
            }
        .searchword9 {
            color: #fff;
            background-color: #909;
            }
    
    
  • nb -u all und das war es.
Wer das ganze mal anschauen will, einfach javascript einschalten, und mal bei google oder yahoo nach ulrich dangel blog suchen und auf meinen blog klicken ;) Ich hoffe das hilft irgendjemanden und sei es nur um das Gefühl von interaktivität vorzugaukeln ;)

Posted by Ulrich Dangel | Permanent Link