24 Eyl 2021 12:08 Yeni Konu Oluştur

Haberler:

Sitemiz Smf 2.1 ve Smf 2.0 sürümleri için Destek ve Tema paylaşım forumudur


smf live search ajax search

Başlatan snrj, 16 Şub 2016 21:18

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 3,108

  2. 587

  3. 1001

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
// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '
sonrasına ekle
<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
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
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
.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)


*

  1. 277

  2. 41

  3. 17
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 .

*

  1. 277

  2. 41

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

*

  1. 3,108

  2. 587

  3. 1001

buyur bakalım toprağım

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

*

  1. 277

  2. 41

  3. 17
Alıntı yapılan: snrj - 19 Şub 2016 23:25buyur 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 .


MENU ×