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