Live Search 1.0

This Modification will work like in google search. Narrow search strings down as you type.

  1. crashi2k
    WeBid Version:
    • 1.0.0
    Mod Title: Live Search

    Version(s): 1.0

    Credits: Crashi2k

    Install Time: 5 minutes

    Install Difficulty: Easy

    MOD Description: This Modification will work like in google search. Narrow search strings down as you type.

    DEMO: http://www.letsshareus.com/webid/

    Download: View attachment 2343

    Install Instructions:

    Upload files:
    livesearch.php -> WeBid(root)
    livesearch.js -> WeBid(root)/js

    Open themes/default/global_header.php

    Find:
    HTML:
    <link rel="alternate" type="application/rss+xml" title="{L_931}" href="{SITEURL}rss.php?feed=8">
    Add after:
    HTML:
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,bold" type="text/css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="{INCURL}js/livesearch.js"></script>
    Find:
    HTML:
            <div id="search">
                <form name="search" action="{SITEURL}search.php" method="get">
                    <input type="search" name="q" size="50" value="{Q}" placeholder="{L_861}">
                    <input type="submit" name="sub" value="" class="button-search">
                    </br><a href="{SITEURL}adsearch.php">{L_464}</a>
                </form>
            </div>
    Replace with:
    HTML:
    <div id="search">
             <form name="search" action="{SITEURL}search.php" method="get">
             <!-- Main Input -->
            {SELECTION_BOX}
            <input type="search" name="q" size="50" value="{Q}" placeholder="{L_861}" id="search" autocomplete="off">
            <input type="submit" name="sub" value="{L_399}" class="button">
            <a href="{SITEURL}adsearch.php">{L_464}</a>
            </form>
            <!-- Show Results -->
            <h4 id="results-text"><b id="search-string"></b></h4>
            <ul id="results"></ul>
            </div>
    *For designers I includes an example .css to load your personal life search style:

    Find in global_header.tpl
    HTML:
    <link rel="stylesheet" type="text/css" href="{INCURL}themes/{THEME}/style.css">
    
    Add after:
    HTML:
    <link href="{INCURL}themes/{THEME}/livesearch.css"" rel="stylesheet" type="text/css" />
    Create your style based of the example file included in this package and upload it to your theme path.

Recent Reviews

  1. kslakhani
    kslakhani
    5/5,
    Version: 1.0
    Excellent missing feature