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]

<div style="position: absolute; top: 100px; right: 50px;"><input ... /></div>

[dancue]

That positioned the input box.

What I want is the results box below the navbar instead of a pop up window.

[mad@Max]

Originally Posted by dancue

And how do I add this:

For that you need add this html

<form name="ajaxsearch" method="post" action="search.php?do=process">
					<div id="tb-searchdiv"><div id="lsa_window">
						<div id="tb-searchbox"><input type="text" onmouseup="lsado();" onkeyup="lsado();" onblur="if(this.value==''){this.value='Живой поиск'};" onfocus="lsaclick();" value="Живой поиск" maxlength="$vboptions[lsa_maxsym]" tabindex="1001" name="query" id="lsa_input"/></div>
						<input type="hidden" value="process" name="do"/>
						<input type="hidden" value="1" name="quicksearch"/>
						<input type="hidden" value="1" name="childforums"/>
						<input type="hidden" value="1" name="exactname"/>
						<input type="hidden" value="" name="s"/>
	<input type="hidden" value="1245007919-d667b9a87020ead7dc88ef667e4022229b0e8b4b" name="securitytoken"/>
					</div>
<script type="text/javascript"> vbmenu_register("lsa_window",1); </script>
					</div>
					</form>

and this css

#tb-searchdiv{float:right;padding: 3px 8px 0 0;text-align:center;line-height:13px;cursor:default}
#tb-searchbox{padding:4px 11px 11px 22px;width:119px;background:url(images/aria/misc/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}

PS from source of my site.

[dancue]

Originally Posted by mad@Max

For that you need add this html

<form name="ajaxsearch" method="post" action="search.php?do=process">
					<div id="tb-searchdiv"><div id="lsa_window">
						<div id="tb-searchbox"><input type="text" onmouseup="lsado();" onkeyup="lsado();" onblur="if(this.value==''){this.value='Живой поиск'};" onfocus="lsaclick();" value="Живой поиск" maxlength="$vboptions[lsa_maxsym]" tabindex="1001" name="query" id="lsa_input"/></div>
						<input type="hidden" value="process" name="do"/>
						<input type="hidden" value="1" name="quicksearch"/>
						<input type="hidden" value="1" name="childforums"/>
						<input type="hidden" value="1" name="exactname"/>
						<input type="hidden" value="" name="s"/>
	<input type="hidden" value="1245007919-d667b9a87020ead7dc88ef667e4022229b0e8b4b" name="securitytoken"/>
					</div>
<script type="text/javascript"> vbmenu_register("lsa_window",1); </script>
					</div>
					</form>

and this css

#tb-searchdiv{float:right;padding: 3px 8px 0 0;text-align:center;line-height:13px;cursor:default}
#tb-searchbox{padding:4px 11px 11px 22px;width:119px;background:url(images/aria/misc/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}

PS from source of my site.

So that html is replacing the lsa_form template?

[dancue]

and do I have to replace this:
Живой поиск

with what?

[mad@Max]

Not exactly. This a free piece of html, you can put it everywhere. This is a source

<!-- SearchBox -->
					<form action="search.php?do=process" method="post" name="ajaxsearch">
					<div id="tb-searchdiv"><div id="lsa_window">
						<div id="tb-searchbox"><input type="text" $lsainput /></div>
						<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]" />
					</div>
<if condition="!in_array($bbuserinfo[usergroupid], array($vboptions[lsa_group]))"><script type="text/javascript"> vbmenu_register("lsa_window",1); </script></if>
					</div>
					</form>
<!-- /SearchBox --> 

[dancue]

Originally Posted by mad@Max

Not exactly. This a free piece of html, you can put it everywhere. This is a source

<!-- SearchBox -->
					<form action="search.php?do=process" method="post" name="ajaxsearch">
					<div id="tb-searchdiv"><div id="lsa_window">
						<div id="tb-searchbox"><input type="text" $lsainput /></div>
						<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]" />
					</div>
<if condition="!in_array($bbuserinfo[usergroupid], array($vboptions[lsa_group]))"><script type="text/javascript"> vbmenu_register("lsa_window",1); </script></if>
					</div>
					</form>
<!-- /SearchBox --> 

but, if I stick that somewhere else it will create a second box.

[mad@Max]

Of course You need disable search form.

[dancue]

Okay. I don't think we are thinking about the same thing here.

I want this box:


To show up here below the navbar:


And I want to keep this here within my header:

[mad@Max]

In terms of version 2.3.1 is in the template lsa_script to replace everything on the

<script language="JavaScript" type="text/javascript"><!--
/**
 * [AJAX] Live Search
 * Version 2.3.1
 * @author mad@Max
 */
var lsatimeout;function lsado(){var k,p=fetch_object("search_results"),l=fetch_object("lsazone").value,n=fetch_object("lsasort").value,b=fetch_object("lsasorttype").value,g=fetch_object("lsawithword").value,a=fetch_object("lsatype"),f=(a)?a.value:"0",h="",m=fetch_object("lsa_input").value,q=new Array(),e=false,o=m.split(" ");for(k=0;k<o.length;k++){if(o[k].length>=$vboptions[lsa_minsym]){q.push(o[k]);e=true}else{e=false}}var j=q.join(" ");this.lsa_handleSuccess=function(i){if(i.responseText!==undefined){p.innerHTML=i.responseText}};this.lsa_handleFailure=function(i){if(i.responseText!==undefined){alert(i.responseText)}};this.lsa_callback={success:lsa_handleSuccess,failure:lsa_handleFailure};var d="ajax.php";if(f=="0"){h="&searchin="+l+"&sortby="+n}var c="do=lsa&securitytoken="+SECURITYTOKEN+"&lsatype="+f+h+"&sorttype="+b+"&withword="+g+"&keyword="+PHP.urlencode(j);if(e){clearTimeout(lsatimeout);p.innerHTML='<p align="center" class="smallfont"><img src="images/misc/progress.gif" />$vbphrase[lsa_searching]</p>';lsatimeout=setTimeout("lsasend();",$vboptions[lsa_interval])}else{if(m.length<$vboptions[lsa_minsym]){p.innerHTML='<phrase 1="$vboptions[lsa_minsym]" 2="$vboptions[lsa_maxsym]" 3="$vboptions[lsa_nresults]">$vbphrase[lsa_lengthword]</phrase>'}}this.lsa_req=null;this.lsasend=function(){this.lsa_req=YAHOO.util.Connect.asyncRequest("POST",d,lsa_callback,c)}}function lsaclick(){fetch_object("lsa_input").value="";fetch_object("lsa_window").style.display = 'block';lsado();}
//--></script>