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

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов
Перезагрузите страницу
Пользователи [50]
Каталог файлов [15]
Форум [9]
Новости сайта [1]
Блог [3]
Другие модули [74]
PHP скрипты для uCoz [1]
Шаблоны [4]
Интернет магазин [1]
Мини чат [7]
Конструктор [2]
Модификация || - Поиск юзера в INPUTE
DEMO +
Всем привет предоставляем вам 3 нашу модификацию Поиск юзера в поле ввода. За основу мы взяли код от ujs //. Многие просили его, и мы решили уделить немного время на это!..


Установка:
1. Куда нужно вставляем input под ним js скрипт:
Код

<input size="30" id="uPeopleMass" type="text" placeholder="Поиск пользователя">

<script>
var search = {
run:function (inp, offset) {
$('#uPeopleMass').blur(); $('#uPeopleMass').after('<div id="search_cont" style="display:none"></div>').css({'width':$('#uPeopleMass').width()+offset});
},
focus:function () {
if(!$('#search_cont').is(':visible')) { $('#search_cont').html('').fadeIn(300); }
},
blur: function () {
if($('#search_cont').is(':visible') && $('#search_cont').text().indexOf('') != -1) { $('#search_cont').fadeOut(300); }
},
start: function () {
if($('#uPeopleMass').val() != '') {
$.post('/index/', {  
a: 15,  
ssid: $('[name="ssid"]').val(),
user: $('#uPeopleMass').val()
},function (ress) {
if (parseInt($('#num_results', ress).text()) > 0) {
$('#search_cont').html('');
$('.uTable tr', ress).each(function(a, obj){
var avatarName = $('#uPeopleMass').val();  
var avatar = $('.uTd:eq(0)', obj).find('img').attr('src'); var avachka = avatar ? avatar : 'https://filin.mail.ru/pic?email='+avatarName+'@'+avatarName+'&trust=false&width=32&height=32&name='+avatarName+'&version=4&build=4';
var group = $('.uTd:eq(3)',obj).text(); var user = $('.uTd > a[title!="Отправить Личное Сообщение"]', obj).html();
if(user != null && group != null) { $('#search_cont').append('<div id="results_bg_users" onclick="$(\'#uPeopleMass\').val(\''+user+'\');$(\'#search_cont\').fadeOut(300)"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="search_ava" width="15%"><img src="'+avachka+'" width="40" height="40" /></td><td width="85%" style="padding:2px"><div class="search_login">'+user+'</div><div class="search_group">'+group+'</div></td></tr></tbody></table></div>')
}
});
} else {$('#search_cont').html('<center><span onclick="$(\'#search_cont\').fadeOut(300)">К сожалению, по вашему запросу никого не найдено</span></center>')}
})}},
}
search.run(window.location.href,12);  
$('#uPeopleMass').focus(function () {search.focus()})  
$('#uPeopleMass').blur(function () {search.blur()})  
$("#uPeopleMass").keyup(function () {search.start()})  
</script>


2. На Странице со списком пользователей находим NUM_ENTRIES и заменяем его на:
Код

<b id="num_results">$NUM_ENTRIES$</b>


3. Настроить число .uTd:eq(0) согласно вашим настройкам Пользователей (Информация, выводимая на странице со списком пользователей)

Если скрипт у вас не работает на некоторых страницах то добавим доп. js скрипт:
Вставлять под input только.

Код

<div id="ssIduSer" style="display:none;"></div>
</script>
$('#ssIduSer').load('/load/polzovateli/stena_polzovatelja_2_0/1-1-0-98 [name="ssid"]');
</script>


/load/polzovateli/stena_polzovatelja_2_0/1-1-0-98 - заменяем на любую url ссылку вашей новости!.



Поиск юзера с использованием хэш тега #

Установка:

1. Куда нужно вставляем input под ним js скрипт:
Код

<input size="30" id="uPeopleMass" type="text" placeholder="Поиск пользователя">  
<script>  
var search = {  
run:function (inp, offset) {  
$('#uPeopleMass').blur(); $('#uPeopleMass').after('<div id="search_cont" style="display:none">Начните вводить логин</div>').css({'width':$('#uPeopleMass').width()+offset});  
},  
focus:function () {  
if(!$('#search_cont').is(':visible')) { $('#search_cont').html('').fadeIn(300); }  
},  
blur: function () {  
if($('#search_cont').is(':visible') && $('#search_cont').text().indexOf('') != -1) { $('#search_cont').fadeOut(300); }  
},  
start: function () {  
if($('#uPeopleMass').val() != '') {  
$.post('/index/', {  
a: 15,  
ssid: $('[name="ssid"]').val(),  
user: $('#uPeopleMass').val()  
},function (ress) {  
if (parseInt($('#num_results', ress).text()) > 0) {  
$('#search_cont').html('');  
$('.uTable tr', ress).each(function(a, obj){  
var avatarName = $('#uPeopleMass').val();  
var avatar = $('.uTd:eq(0)', obj).find('img').attr('src'); var avachka = avatar ? avatar : 'https://filin.mail.ru/pic?email='+avatarName+'@'+avatarName+'&trust=false&width=32&height=32&name='+avatarName+'&version=4&build=4';  
var group = $('.uTd:eq(3)',obj).text(); var user = $('.uTd > a[title!="Отправить Личное Сообщение"]', obj).html();  
if(user != null && group != null) { $('#search_cont').append('<div id="results_bg_users" onclick="$(\'#uPeopleMass\').val(\''+user+'\');$(\'#search_cont\').fadeOut(300)"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="search_ava" width="15%"><img src="'+avachka+'" width="40" height="40" /></td><td width="85%" style="padding:2px"><div class="search_login">'+user+'</div><div class="search_group">'+group+'</div></td></tr></tbody></table></div>')  
}  
});  
} else {$('#search_cont').html('<center><span onclick="$(\'#search_cont\').fadeOut(300)">К сожалению, по вашему запросу никого не найдено</span></center>')}  
})}},  
}  
search.run(window.location.href,12);  
$('#uPeopleMass').focus(function () {var uPeopleLog = $('#uPeopleMass').val(); if (uPeopleLog.substr(0, 1) == '#'){ if (uPeopleLog.length > 1) { search.focus() }}})  
$('#uPeopleMass').blur(function () {var uPeopleLog = $('#uPeopleMass').val(); if (uPeopleLog.substr(0, 1) == '#'){ if (uPeopleLog.length > 1) { search.blur() }}})  
$("#uPeopleMass").keyup(function () {var uPeopleLog = $('#uPeopleMass').val(); if (uPeopleLog.substr(0, 1) == '#'){ $('#search_cont').fadeIn(300); if (uPeopleLog.length > 1) { search.start() }}})  
</script>  


2. Все остальное по пунктам выше 2,3!...

P.S Скрипт не имеет шаблонизатора, CSS к срипту пишем сами.
Посмотреть работу данного скрипта вы можете в своем профиле на сайте.
При копирование материала указываем источник uCodes.ru
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.

При копировании материала указываем источник ucods.3dn.ru

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 28.11.2015 в 22:01 по МСК
Категория: Пользователи
Просмотров: 916
Комментариев: 1
Эмоций:

    • Оценки читателей

    ЗАКРЫТЬ
    • 0 Лайк
    • 0 Лавки
    • 0 Ахахах!
    • 0 Ого!
    • 0 Восторг
    • 0 Печаль
    • 0 Грусняшь
Теги: css, search, input, javascript, poisc, html, js, user, mod
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
CShark
20.12.2015 | # |№1
После нажатия на пользователя, окно просто исчезает, и не переходит на страницу.