Хештеги - поиск юзеров в мини-чате by webo4ka.ru


Хештеги - поиск юзеров в мини-чате by webo4ka.ru

378
9 из 10
Проголосовало: 15






Сегодня реализована идея от Rip-X. Скрипт назван Хештеги - поиск юзеров в мини-чате, не знаю почему так назвал, но наверно потому, что бы скрипт начал действовать, нужно ввести знак #.
Суть скрипта такова, пользователь может как и обычно писать сообщения в мини-чате, вставлять смайлы, ссылки, коды и т.д., но как только он поставит первым символом знак решётки, сразу же начнет действовать скрипт поиска пользователей, после знака решётки пользователь начинает вводить логин пользователя. и он появляется, по нажатию на логи, он вставляется в мини-чат, а поле с поиском исчезает... А если пользователя такого нет, то скрипт укажет, что пользователя такого нет и не имеет смысла вводить логин дальше... Вообщем думаю идею пользователь Rip-X предложил отличную и всем данный скрипт будет по душе, ну а теперь перейдем к установке...

Установка:

1) Панель управления ---> Управление дизайном ---> Пользователи ---> Страница со списком пользователей

И заменяем:

Код
<b>$NUM_ENTRIES$</b>


на:

Код
<b id="num_entries">$NUM_ENTRIES$</b>


2) Далее находим код, который выводит мини-чат у вас на странице (вот он $CHAT_BOX$), и сразу после него вставляем данный код:

Код

<div style="position: relative;">  
  <div id="treugolinikWebo4kaRu"></div>  
  <div id="vivodUserWebo4kaRu" style="position:absolute; top:0px; left:6px; z-index:9999;"></div>  
  </div>  

  <script type="text/javascript">  
  /*  
  Хештеги - поиск юзеров в мини-чате by webo4ka.ru  
  Дата создания 05.12.2015 года  
  Идея пользователя Rip-X (тема на форуме http://webo4ka.ru/forum/14-6645-63746-16-1448494152)  
  Источник http://webo4ka.ru/ (Вовчик)  
  УДАЛЕНИЕ ДАННЫХ СТРОЧЕК ЗАПРЕЩЕНО!!!  
  */  
  $("#mchatMsgF").keyup(function () {  
  var mchatMsgF = $('#mchatMsgF').val();  
  if (mchatMsgF.substr(0, 1) == '#'){  
  if (mchatMsgF.length > 1) {  
  $('#treugolinikWebo4kaRu').html('<div style="position:absolute; top:-17px; left:140px; z-index:9999; border: 10px solid transparent; border-bottom: 13px solid rgba(73, 73, 73, 0.7); display: block; width: 0; height: 0;"></div>');  
  $.post('/index/', {a: 15, user: mchatMsgF.substr(1)},  
  function (data) {  
  if ($('#num_entries', data).text() > 0) {  
  $('#vivodUserWebo4kaRu, #treugolinikWebo4kaRu').show(); $('#vivodUserWebo4kaRu').html('<div></div>');  
  $('.uTable tr', data).each(function(a, data){  
  grouppaUserWebo4kaRu = $('.uTd:eq(3)',data).text();  
  nameUserWebo4kaRu = $('.uTd > a[title!="Отправить Личное Сообщение"]', data).html();  
  if(nameUserWebo4kaRu != null && grouppaUserWebo4kaRu != null) { $('#vivodUserWebo4kaRu').append('<a href="javascript:void(\'Apply to\')" onclick="$(\'#mchatMsgF\').val(\'\'); parent.window.document.getElementById(\'mchatMsgF\').focus();parent.window.document.getElementById(\'mchatMsgF\').value+=\'[i]'+nameUserWebo4kaRu+'[/i], \'; $(\'#vivodUserWebo4kaRu, #treugolinikWebo4kaRu\').hide(); return false;" style="outline: 0;"><div class="'+grouppaUserWebo4kaRu+'" title="'+grouppaUserWebo4kaRu+'" style="padding:2px 2px 2px 6px; font-size: 16px; font-weight: bold;">'+nameUserWebo4kaRu+'</div></a>').css({"background":"rgba(73, 73, 73, 0.7)", "padding": "3px", "width":"285px"});}  
  });  

  }  
  else {$('#vivodUserWebo4kaRu').html('<div style="background: #fafafa; padding:5px; color:#d10000;"><center>Такого пользователя нет...</center></div>')}  
  }  
  )  
  }  
  else {$('#vivodUserWebo4kaRu, #treugolinikWebo4kaRu').hide();}  
  }  
  });  
  </script>  

  <style>  
  .Пользователи {background: #fafafa; color:#6c86c0; font-weight:normal !important; font-size: 12px !important;}  
  .Проверенные {background: #ddffdd; color:#05d100; font-weight:normal !important; font-size: 12px !important;}  
  .Модераторы {background: #ddeeff; color:#0071d1; font-weight:normal !important; font-size: 12px !important;}  
  .Администратор {background:#ffdddd; color:#d10000; font-weight:normal !important; font-size: 12px !important;}  
  .VIP {background: #fff7dd; color:#d1cf00; font-weight:normal !important; font-size: 12px !important;}  
  div[class^='Гл'] {background: #dde9ff; color:#0045d1; font-weight:normal !important; font-size: 12px !important;}  
  .Друзья {background: #ffeddd; color:#d17600; font-weight:normal !important; font-size: 12px !important;}  
  .Заблокированные {background:#b6aea6; color:#ff0000; text-decoration: line-through; font-weight:normal !important; font-size: 12px !important;}  
  </style>


Настройки:
1) настройки окна вывода пользователей:
находим данную строчку нажатием Ctrl+F .css({"background":"rgba(73, 73, 73, 0.7)", "padding": "3px", "width":"285px"});

background:rgba(73, 73, 73, 0.7) - цвет
padding:3px - отступы внутри
width:285px - ширина окна, это самое главное, что все захотят подправить.

2) Расположение треугольника (p.s. это вам понадобится, если вы еизмените пункт 1.3 , который немного выше)
$('#treugolinikWebo4kaRu').html('<div style="position:absolute; top:-17px; left:140px; z-index:9999; border: 10px solid transparent; border-bottom: 13px solid rgba(73, 73, 73, 0.7); display: block; width: 0; height: 0;"></div>');
Тут вам нужно будет менять значение left:140px;, в зависимости от уменьшение или увеличение окна, разница должна быть в 2 раза меньше, т.е. щас окно шириной width:285px, то left:140px, если width:200px то left:100px и т.д., надеюсь понятно...

3) Ну и цвет групп пользователей меняется в /*стили*/ - все, что ниже.

На этом установка и настройки окончены, будут вопросы пишите в комментах...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 8

Rip-X
0
Rip-X написал: Написано 06 Декабря 2015 в 20:02
Комментарий №8
как сделать, когда пишешь в чат "#" писало сразу "Начните вводить логин пользователя"???

Snoopak
+1
Snoopak написал: Написано 06 Декабря 2015 в 09:37
Комментарий №7
И в строке
Код
.Проверенные {background: #ddffdd; color:#05d100; font-weight:normal !important; font-size: 12px !important;}}
убери лишнюю } а то из-за этого css не работает.

Snoopak
0
Snoopak написал: Написано 06 Декабря 2015 в 09:28
Комментарий №6
И еще к настройке скрипта добавь, что для того чтоб из страницы списка пользователей выводилась именно группа пользователя, нужно проверить номер своей ячейки (с названием группы) и если не совпадает, то заменить на свой в строке:
Код
grouppaUserWebo4kaRu = $('.uTd:eq([b][color=red]3[/color][/b])',data).text();

Snoopak
0
Snoopak написал: Написано 06 Декабря 2015 в 08:52
Комментарий №4
О прикольно, новый скрипт, пожалуй поставлю себе. Спасибо Вовчик)

AlexGraur
0
AlexGraur написал: Написано 06 Декабря 2015 в 05:46
Комментарий №3
скрипт просто атас! Спасибо) Прикольная идея)

Rip-X
0
Rip-X написал: Написано 06 Декабря 2015 в 01:33
Комментарий №1
Не работает скрипт у меня(((

Вовчик
0
Вовчик написал: Написано 06 Декабря 2015 в 01:48
Комментарий №2
пере установи...

Snoopak
0
Snoopak написал: Написано 06 Декабря 2015 в 08:52
Комментарий №5
Все работает happy

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    203
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 3
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: