Ajax Live Search

altaki kodu headinclude templetinin en üstüne yapiştirin
vbulletin-tr.com - Ajax Live Search

PHP- Kodu:

<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="http://www.tuzlatuning.net/forum/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> 


bunu ise headerin en altina :

PHP- Kodu:

<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> 


Örnek Resim:




İsterseniz Navbar Template'inde:

bul;

PHP- Kodu:

<strong>$vboptions[bbtitle]</strong>

</div>
        </if>
    </td> 


Altına ekle;

PHP- Kodu:

<td class="alt1" width="100%">
<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]" />
<center><b>Hızlı Arama</center></b><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 #339999; 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>

</td> 


Örnek Resim;

[VBMaSTeR]

1) Eklentinin Yapımcısı ???
2) Eklentinin Admincp görüntüsü ???

[Fırtına]

Yapımcısını buldum sanırım şuı kişi (http://www.vbulletin.org/forum/member.php?u=174485) ama adminCP görüntüsü yok sanırım bu template ve bir .php dosyasından ibaret. konu ise şu (Live Search 1.0 (AJAX) ama izin alınarak paylaşıldımı orasını bilemem...

[panoramaharem]

admincp görüntüsü yok çünkü template editlemesi var
yapımcı 3.6.8 için yapmış.Ben 3.8.2 de denedim çalışıyor

[Erdy]

Çok güzel oldu. Fakat sonuçları bulduktan sonra boş bir yere tıklayınca arama penceresi kapanmıyor.

-------------------------------------

EDİT : Hata benim pc deymiş düzelttim..

[CaSh]

http://www.vbulletin.org/forum/showthread.php?t=204517
denenebilir

[AnıL Karahan]

Güzel güzel yapımcı arkadaş Google'ın yeni özelliğinden esinlenmiş

[serosman]

bence gzl değil çok yavas gec buluyor

[VBMaSTeR]

Arama sınırlaması koyuyormu peki ??? Yada kaç harften sonra arayacağını vs. bu tür ayarları var mı yoksa ben giderim oraya a yazarım 100.000 mesajlı bi sitede orası artık uzadıkça uzar kastırdıkça kastırır İzin yoksa konu kapatılsın ltfen

[neotrojen]

Teşekkürler