Add-On Releases - Live Search 1.0 (AJAX)

About the hack
==============
The hack adds a quick live search form to your forum's at any place you want it,
results are to be shown exactly under the search field as you type (by ajax)

Supported browsers
==============
IE6, IE7, FF2, Opera 9

Demo
====================
http://www.montadaphp.net
right under the logo

How to Install
==============
1- Add the following code to the end of ur "headinclude" template:

<script type="text/javascript">
/***********************************************
* Drop Down/ Overlapping Content- ? Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function overlay(curobj, subobjstr, opt_position){
if (document.getElementById){
var subobj=document.getElementById(subobjstr)
subobj.style.display="block"
var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0) 
var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
return false
}
else
return true
}

function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}
var xmlHttp3 
function showHint(word) 
{ 
document.getElementById('search_results').innerHTML = '<p></p><p></p><p align="center" class="smallfont"><img src="images/progress.gif" />Searching..</p>';
    xmlHttp3=GetXmlHttpObject3() 
    if (xmlHttp3==null) 
    { 
        alert ("Browser does not support HTTP Request") 
        return 
    } 
    var url="ajax_search.php" 
    url=url+"?query="+word 
    xmlHttp3.onreadystatechange=stateChanged3 
    xmlHttp3.open("GET",url,true) 
    xmlHttp3.send(null) 
} 

function stateChanged3() 
{ 
    if (xmlHttp3.readyState==4 || xmlHttp3.readyState=="complete") 
    { 
        document.getElementById("search_results"). innerHTML='<div align="left"><a href="#" onClick="overlayclose(\'search_results\'); return false">x</a></div>'+xmlHttp3.responseText; 
return overlay(this, 'search_results')
    } 
} 

function GetXmlHttpObject3() 
{ 
    var objXMLHttp3=null 
    if (window.XMLHttpRequest) 
    { 
        objXMLHttp3=new XMLHttpRequest() 
    } 
    else if (window.ActiveXObject) 
    { 
        objXMLHttp3=new ActiveXObject("Microsoft.XMLHTTP") 
    } 
    return objXMLHttp3 
}
</script>

2- Add the following code wherever you want the search field to appear, for me i added to the "header" template exactly under the logo:

<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]" />
Live search <input type="text" name="query" size="25" class="header_search_field" onkeyup="showHint(this.value)" />
</form>
<div id="search_results" class="smallfont" style="position:absolute; border: 2px solid orange; color:blue; background-color: white; width: 300px; padding: 8px; display:none;overflow:auto; height:200px">
<div align="left"><a href="#" onClick="overlayclose('search_results'); return false">x</a></div>
</div>

3- Upload the contents of folder "Upload" to ur froum's home directory.

and u r done

If u like the hack please dont forget to click INSTALL

[coderphp]

Originally Posted by grazianno

nice nice mod thx man

anytime

[StrifeX]

So, do you plan on fixing the problems it causes with Javascript or not? This has messed up every piece of Javascript on my site.

I'm really looking forward to setting this up properly, so for now I guess I'll just have to uninstall.

[staff80]

not suitable for large forums i think

[coderphp]

Originally Posted by StrifeX

So, do you plan on fixing the problems it causes with Javascript or not? This has messed up every piece of Javascript on my site.

I'm really looking forward to setting this up properly, so for now I guess I'll just have to uninstall.

what javascript problems?
please write them here to be fixed

Originally Posted by staff80

not suitable for large forums i think

didnt test on large forums till now

[Gunshot]

No it is not showing thread titles unless user can see it
the Mod is using the same user validation functions as the original search module do

you are mistaken..it shows thread titles from private forums to anyone that does a search.....
....it will not allow you to view the thread....but you can see the title

try it yourself

[coderphp]

Originally Posted by Gunshot

you are mistaken..it shows thread titles from private forums to anyone that does a search.....
....it will not allow you to view the thread....but you can see the title

try it yourself

of course i tried it too many times and im sure of what i m saying
anyway u have the choice to use or not to use it

[gg4gg]

Great Hack
Installed
على الرغم من انني لم اركب الهاك لأنني و لكن لكونه رائع ولكون مبرمجه عربي فقد دعمته
لك تحياتي

[Quantnet]

I can confirm that guests can't not search for private threads. I just test it.

[Quantnet]

This is one of the best mods so far. i have installed close to 30 mods on my site and none of my members say anything. When i installed this mod, my members love it and post to say thank you.

I hope the author improve or add new features to this mod

[TheMilkCarton]

@CoderPHP: Any reason this doesn't add "highlight" to the links you click in the results box??

For instance, searching for "please" at your site would result in a link that goes to http://www.montadaphp.net/showthread...ghlight=please

Since this doesn't search individual posts, highlighting please would at least help the users find what they were looking for more easily.

Well... just a suggestion, I'll most likely get around to installing this mod sometime, if only for Admins, Mods, and VIPs.

*installed* (so I remember to get around to it)