پلاگین سرچ کاربر در لیست

 پلاگین سرچ کاربر در لیست

http://s3.picofile.com/file/8194141442/Screen_Shot_2015_06_17_at_14_08_39.png

به ادامه مطلب بروید


http://s3.picofile.com/file/8194141442/Screen_Shot_2015_06_17_at_14_08_39.png

فایل پیوست شده رو در : /pages/ajax آپلود کن.
و در dstarter.js سرچ کن

کد PHP:
$me.guest=getType($me.type).guest}})}} 
و کد زیر رو دقیقا بعد از کد بالا اضافه کن
کد PHP:
function Search_userOnline(){
    new 
Ajax.Autocompleter('autocomplete','autocompleter',url("ajax/chat.search.useronline"),{
        
minChars:2,
        
afterUpdateElement : function(textli) {
            
changeUserEvent("privatwin_" li.id);
            
document.getElementById('autocomplete').value '';
        },
        
indicator'indicator1'
    
});

و کد زیر باید بالای لیست آنلاین قرار بگیرد . در بک آپ نفس طرح باید بعد از کد

کد PHP:
<?php echo($options['list-top'])?><strong></b><br />
قرار بگیرد . اگر بک آپتون ماله یه طراح دیگست خودتون پیدا کنید بذارید چون اکثرا کد هاش فرق میکنند

کد PHP:
<div id='indicator1' style='display: none'><img src='"+theme_url('images/ajax-search.gif')+"' alt='Working...' /></div><input type='text' onclick='Search_userOnline();' name='search' id='autocomplete' autocomplete='false' placeholder='سرچ کاربر در لیست' style='width: 240px' /><div id='autocompleter' class='autocomplete'></div></center
و در chat.css قالب خود کد زیر رو اضافه کن
کد PHP:
div.autocomplete {
    
background-colorwhite;
    
border1px solid #888;
    
margin0;
    
padding0;
    
positionabsolute;
    
width250px;
}
div.autocomplete ul {
    list-
style-typenone;
    
margin0;
    
padding0;
}
div.autocomplete ul li.selected {
    
background-color#ffb;
}
div.autocomplete ul li {
    
cursorpointer;
    
displayblock;
    
height32px;
    list-
style-typenone;
    
margin0;
    
padding2px;

و در آخر هم عکس زیر رو با اسم ajax-search.gif در پوشه images قالب خودتون آپلود کنید

 

 

لینک دانلود:

http://s6.picofile.com/file/8194140850/chat_search_useronline_s1i2n3a4_loxblog_com.zip.html

افزودن به علاقه‌مندی‌ها حذف از علاقه‌مندی
  • 27 خرداد 1394
  • 1 دیدگاه
  • 18169 بازدید
اشتراک گذاری

سایر پست ها

دیدگاه ها

دوشنبه 08 دی 1404
سلام عزیز ممنون بابت پستی که گذاشتی اما اگه میشه این مشکل چپ چین راست چین رو بیشتر توضیح بدین یا بگین کد رو کجا باید بزاریم ممنون میشم

موفق باشید

اشتراک‌گذاری

💬 نظرات کاربران
💬ثبت نام کاربران
💬ورود کاربران