K2 Live Search Mod 1.0

Published on April 29, 2006 in K2. 13 Comments

This mod is no longer supported. Live Search in the current K2 svn works great.

This is a modification of the Live Search functionality found in K2 from svn and the nightly builds. I’m currently using this mod with my site. For a demonstration, just type something in the search field. This mod will not work in K2 Beta Two r167. If Live Search and/or Rolling Archives currently do not work with your site, then this mod most likely will not work.

Features:

  1. Search results shown in the sidebar.
  2. Works without the need of the built-in Rolling Archives. Yay!
  1. Button to clear the search results.

Installation Instructions:

  1. Make a backup of the following files:
    • livesearch.php
    • searchform.php
    • js/livesearch.js.php
  2. Download live-search-1.0.zip.
  3. Copy livesearch.php and searchform.php into the k2 folder, replacing the existing files.
  4. Copy livesearch.js.php into the js subfolder, replacing the existing file.
  5. Copy search-more.gif and search-reset.gif into your scheme’s images folder.
  1. Add the following to your scheme’s stylesheet:

  1. /* Live Search */
  3. #live-results {
  4.     padding: 10px;
  5. }
  7. #live-results h2 {
  8.     display: block;
  9.     font-weight: bold;
  10. }
  12. #live-results h3 {
  13.     font-weight: normal;
  14. }
  16. #live-results h3 a:hover {
  17.     color: #27d;
  18. }
  20. #live-results .chronodata {
  21.     display: block;
  22.     margin-bottom: 0.5em;
  23.     color: #666;
  24. }
  26. #live-results .more-results {
  27.     display: block;
  28.     font-weight: bold;
  29.     margin: 1em 15px 0px 0px;
  30.     padding: 2px 0px 2px 20px ;
  31.     background: url('images/search-more.gif') left center no-repeat;
  32. }
  34. #searchinput, #searchinput.livesearch {
  35.     width: 150px;
  36. }
  38. #search-loading {
  39.     float: right;
  40.     height: 18px;
  41.     width: 18px;
  42.     background: url('../../images/spinner.gif') center center no-repeat;
  43. }
  45. #search-reset {
  46.     margin-left: 10px;
  47.     height: 18px;
  48.     width: 16px;
  49.     background: url('images/search-reset.gif') center center no-repeat;
  50.     cursor: pointer;
  51. }
  54. /* Sidebar RSS icon fix */
  56. .feedlink img {
  57.     float: right;
  58.     position: static;
  59. }

Download: live-search-css.txt

Notes:

If you’re applying the stylesheet additions directly to the default style.css then change the background tag for #search-loading to: background: url('images/spinner.gif') center center no-repeat;

13 Responses to “K2 Live Search Mod 1.0”

Feed for this Entry
« Older Comments
Comments are currently closed.