Add-On Releases - [YUI] Live Search

Features:

• search only, if typed >= 3 symbols;
• header to window with button close;
• message about no result;
• limit number of threads;
• highlight words in result
• trim title of thread, if it large (optional)
• edit position of pop-up window
• work with vBadvanced
• limit the number of displayed results
• group permission
• search by your own forums
• sort results of search
• mod makes only one query to db
• full compatibility with styles and browsers
• search by individual words
• integrate option into standard search
• search only the specified length of each word
• users search
• interval requests
• wrote 2 js class

Rewritten many things since version 1.6

Known Issues
Double click in search field - still not fixed.

Installation:
Upload all files from folder upload to forum folder.
Import product.

Upgrade
Uninstall the old version, delete files (if you has use it) and install new version.

If you already have opened search field, do following.
Search field look like this:

                <form action="search.php?do=process" method="post">

                    <input type="hidden" name="do" value="process" />
                    <input type="hidden" name="quicksearch" value="1" />
                    <input type="hidden" name="childforums" value="1" />
                    <input type="hidden" name="exactname" value="1" />
                    <input type="hidden" name="s" value="$session[sessionhash]" />
                    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
                    <input type="text" class="bginput" name="query" size="25" tabindex="1001" />
                    <input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" />

                </form>

So, after the opening tag <form ХХХ> add bottom:

                    <div id="lsa_window">

Before the closing tag </form> add:

                    </div>

We have prepared the search form to pop-up window. Now we need to bind to the field of javascript.
For this in tag <input type="text" /> add id="lsa_input"
As a result, you should get some of this code:

				<form action="search.php?do=process" method="post">
					<div id="lsa_window">
					<input type="hidden" name="do" value="process" />
					<input type="hidden" name="quicksearch" value="1" />
					<input type="hidden" name="childforums" value="1" />
					<input type="hidden" name="exactname" value="1" />
					<input type="hidden" name="s" value="$session[sessionhash]" />
					<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
					<input type="text" id="lsa_input" class="bginput" name="query" size="25" tabindex="1001" />
					<input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" />
					</div>
				</form>

P.S. If you already have id in your search field and its change may be possible to reset the anchor CSS, do the following.
Open the template lsa_script and edit the line

var lsa = new AJAX_LiveSearch_Prepare("lsa", "lsa_input", "lsa_window");

where the arguments of the class:
lsa - variable name initialize class js
lsa_input - search field id
lsa_window - pop-up window id

Thus, changing the arguments of the class AJAX_LiveSearch_Prepare, you can not edit the search field.

Live DEMO: http://mixplay.ru/ (user: test, pass: 123456)
Live video: http://www.youtube.com/watch?v=t_16fk5VGYw

PS Some function writed by ChangUonDyU

If you like this mod - Click Install it

[mad@Max]

About search field:
CSS:

#tb-searchdiv{float:right;padding:8px 5px 0 0;text-align:center;line-height:13px;cursor:default}#tb-searchdiv a{color:#000;font-size:11px;text-decoration:none;cursor:pointer}#tb-searchbox{padding:4px 11px 11px 22px;width:119px;background:url(images/as4/global/toolbar_searchbox.png) no-repeat;text-align:left;height:14px}#tb-searchbox input{border:0;padding:0;width:119px;background:#fff;color:#000;font:12px/12px 'Lucida Grande',Verdana,sans-serif;height:14px;outline:none;cursor:text}

					<div id="tb-searchdiv"><div id="lsa_window">
						<div id="tb-searchbox"><input type="text" id="lsa_input" name="query" tabindex="1001" maxlength="$vboptions[lsa_maxsym]" value="$vbphrase[live_search]" onfocus="if(this.value=='$vbphrase[live_search]' || document.getElementById('lsa_window_menu').style.display == 'none'){this.value=''};<if condition="!in_array($bbuserinfo[usergroupid], array($vboptions[lsa_group]))"> showHint();</if>" onblur="if (this.value==''){this.value='$vbphrase[live_search]'}"<if condition="!in_array($bbuserinfo[usergroupid], array($vboptions[lsa_group]))"> onkeyup="showHint();</if>"/></div>
	<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<if condition="!in_array($bbuserinfo[usergroupid], array($vboptions[lsa_group]))"><script type="text/javascript"> vbmenu_register("lsa_window",1); </script></if></div>
						<a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a> 
						<input type="hidden" name="do" value="process" />
						<input type="hidden" name="quicksearch" value="1" />
						<input type="hidden" name="childforums" value="1" />
						<input type="hidden" name="exactname" value="1" />
						<input type="hidden" name="s" value="$session[sessionhash]" />
					</div>
					</form>

You have a problem with UTF language?
Search work throughout board.
What do you mean about blog?

[mad@Max]

Updated video work of mod. http://www.youtube.com/watch?v=4w6AankLJkY

[rapidphim]

Thanks Max for the guiding. However, I am trying to understand:
1/ where to put the HTML code? The CSS part, I assume, I need to put to the bottom of the CSS section.

2/ When I tried the Search from the Search drop down function, with few words that I recently posted, it did not come up.

3/ About blog, does this hack also work for searching in Blog? When I tried to do a blog search from Search drop down function, it's not working... or did I do something not right?

[Theater]

Originally Posted by mad@Max

Updated video work of mod. http://www.youtube.com/watch?v=4w6AankLJkY

Might want to double-check that video URL...

[mad@Max]

lol !!!!!! Sorry))))))))))))))))))))))))))))))))
Here that video http://www.youtube.com/watch?v=t_16fk5VGYw

[rapidphim]

I watched video but have no clue on how to add the Search field on the navbar... any hints? Thanks and sorry for stupidity!

[mad@Max]

Do following. In template navbar find:

	<td class="alt2" nowrap="nowrap">
	<div class="smallfont">
		<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />

add above

	<td class="alt1" align="center" nowrap="nowrap">
		$lsaform
	</td>

[rapidphim]

that did the job. however, I am finding difficulty to make it show this toolbar_searchbox.png. I did change the image path, uploaded the image, add CSS and nothing work.

Did I miss the HTML part? If so, where to I place those HTML codes? Thanks so much!

[mad@Max]

In next version i myself add this as feature.

[rapidphim]

Thanks Max... so, right now, I just have to wait for your next version? Can you manual guide me to put it on?

Can you also make it search result for Blog too? or at least make it an option for admin to decide?