smf live search ajax search

istek üzerine biraz üstünde uğraştım pek güzel olmadı ve geliştirilmesi gerekiyor
ama kullanmak isteyen arkadaşlar için paylaşıyorum daha fazla geliştirip güzelleştirmek size kalmış


anlatım default temaya göredir
index.template.php de
bul

Kod Seç Genişlet

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo 'sonrasına ekle

Kod Seç Genişlet

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#sonuclar").hide();
$(".snrjsearch").keyup(function(){
var value = $(this).val();
var deger = "value="+value;
$.ajax({
type: "POST",
url: "snrjlive.php",
data: deger,
success: function(cevap){
if(cevap == "yok"){
$("#sonuclar").show().html("");
$("#sonuclar").html("Hiç bir sonuç bulunamadı!!");
}else if(cevap == "bos"){
$("#sonuclar").hide();
}else {
$("#sonuclar").show();
$("#sonuclar").html(cevap);
}
}
})
});
});
</script>
bul

Kod Seç Genişlet

echo '
</div>
<div class="news normaltext">
<form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
<input type="text" name="search" value="" class="input_text" />&nbsp;
<input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
<input type="hidden" name="advanced" value="0" />';

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

echo '</form>';değiştir

Kod Seç Genişlet

echo '
</div>
<div class="news normaltext">
<div class="snrjlive">
        <input type="text" name="snrjsearch" class="snrjsearch" placeholder="Search">
<div id="sonuclar"></div>
</div>';index.css de en sona ekle

Kod Seç Genişlet

.snrjlive{
display: inline-block;
width: 200px;}
.snrjlive input{
border: 1px solid #CCCCCC;
border-radius: 5px;
font-size: 14px;
height: 21px;
line-height: 14px;
outline: medium none;
padding: 1px;
width: 200px;}
.snrjlive #sonuclar{
background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 200px;
text-align: left;
position: absolute;}
.snrjlive #sonuclar p{
width: 200px;
margin-left: 5px;}
.snrjlive #sonuclar img {
width: 12px;
height: 12px;}

Ekteki dosyayı forum anadizinine atınız (SSI.php veya Settings.php yanına)

bu anlatımı imdb yada beyazperde benzeri sisteme göre " sonuçların yanında küçük resimler halinde gösterme durumunu yapabilirmiyiz . Cemoo desteğin gerekli . Bir el at usta . Çok uzun süredir böyle bir şeyin peşindeyim bu kadar yaklaşmışken senden-Sizden " Cemoo Snrj " destek almak isterim .

https://yadi.sk/d/26dYOE9Dp8v2d   kendi temama ait template dosyası rica etsem düzenleyebilirmiyiz .

buyur bakalım toprağım

ilk mesajdaki ekteki dosyayı anadizine at birde index.css y kodları ekle kolay gele

buyur bakalım toprağım

ilk mesajdaki ekteki dosyayı anadizine at birde index.css y kodları ekle kolay gele

Bunu denedim lakin görüntü itibari ile pek olmadı birde zannedersem default temaya uydurulduğundan bende pek iyi olmadı ve ekstra olarak aramaları sizin ki gibi alt alta öneri şeklinde göstermemekte . Hadi Cemoo usta bir el at .