Поиск юзеров в ajax окошке.

Новые сообщения · Участники · Поиск · RSS

Страница 1 из 1
1

Архив - только для чтения

Форум » Архив » Скрипты для ucoz » Поиск юзеров в ajax окошке.

Raistlin

Дата: Суббота, 31.12.2011, 14:47 | Сообщение # 1

Группа: Пользователи

Сообщений: 1683

Награды: 107

Репутация: 6263

Статус:

Поиск юзеров в ajax окошке. При клике на кнопку "Поиск пользователей" откроется ajax окно в правом нижнем углу на одну минуту, в нем будет поиск юзеров, как только вы введете первую букву, ниже этого поля, куда вводите текст, появится пользователи начинающиеся на ту букву, которую вы написали, введете следующую букву, будут показаны все пользователи у которых первые две буквы совпадают с теми которые вы ввели и т.д.

Установка !

После <body> :

Code

<div style="display:none" id="webo4ka_poick">
   <fieldset><legend>Поиск</legend>
   <input value="" id="user" type="text" autocomplete="off">

   <script type="text/javascript">
   $('#user').keyup(function(){
   if($(this).val() == ''){
   $('#list').html('');
   return;
   }
   $.post('/index/', {
   a: 15,
   user: $(this).val()
   },function(post){
   var list = '';
   $('.uTd a', post).each(function(){
   if($(this).text() != ''){
   list += '<a href="'+$(this).attr("href")+'" target="_blank">'+$(this).text()+'</a><br>';
   }
   });
   $('#list').html(list);
   });
   });
   </script>
   </fieldset>
   <fieldset><legend>Список</legend><div id="list"></div> </fieldset>

   <script type="text/javascript">function webo4ka_poick(){_uWnd.alert($('#webo4ka_poick').html(),'Поиск userov',{w: 311,h: 121,tm: 60000,});}</script>
   </div>

а кнопку вызова куда вам надо:

Code

<a href="javascript://" onclick="webo4ka_poick()">Поиск пользователей</a>

Не злоупотребляйте, а то может забанить)

Форум » Архив » Скрипты для ucoz » Поиск юзеров в ajax окошке.

Страница 1 из 1
1