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

رزرو تبلیغــات

تعرفه تبلیغات
logo
تعرفه تبلیغات تعرفه تبلیغات

شمـا میتوانیــد برای دریافت آخرین مطالب و آگاهی از آخریـن اخبــار گلریـز وبـــ در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

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


طراحی چت روم


بازدید : 17347 | تاریخ : جمعه 27 / 3 / 1394 ساعت : 13:57 |
نظرات
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: