Этот компактный jQuery-скрипт создает интерактивное модальное окно для отображения информации о пользователе при клике на иконку рядом с соответствующими ссылками. Он предназначен для работы с различными группами пользователей (администраторы, модераторы, проверенные пользователи и т.д.), каждая из которых обозначена уникальной иконкой и всплывающим окном.Скрипт начинается с объекта groups, содержащего настройки для каждой группы: заголовок, путь к иконке и её идентификатор. С помощью метода $.each он динамически добавляет иконки перед ссылками с определёнными классами (например, groupAdmin, groupUser). При клике на иконку с классом group-icon создаётся модальное окно с уникальным ID, в которое через AJAX-запрос (.load()) загружается контент из URL, указанного в атрибуте href следующей ссылки. Если загрузка не удалась, отображается сообщение об ошибке.Модальное окно закрывается по клику на кнопку с классом uclose, с плавной анимацией затухания (500 мс). Скрипт эффективен и гибок: он минимизирует дублирование кода, использует уникальные ID для избежания конфликтов и обрабатывает ошибки загрузки. Для работы требуется подключение jQuery и корректные пути к изображениям.Этот скрипт — отличное решение для сайтов, где нужно компактно отображать информацию о пользователях с минимальной нагрузкой на код и интерфейс.

.


Установка:
1. В персональной странице пользователя в самый верх вставляйте:

Код
<div style="display:none;">
<div id="ava1">
  <div id="a1"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/img/noAvatarComment.png" /><?endif?></div>
<div class="user-info">
<b>Репутация:</b> <span>$_REPUTATION$</span>  
<b>Группа:</b> <span>$_GROUP_NAME$</span>  
<b>Пол:</b> <span>$_GENDER_NAME$</span>  
<b>Ранг:</b> <span>$_RANK$</span>  
<b>Дата регистрации:</b> <span>$_REG_TIME$ </span>  
</div>

</div>
</div>


2. После оператора $ONLINE_USERS_LIST$ (У меня статистика в левом глобальном блоке) вставляйте:

Код
<link rel="stylesheet" type="text/css" href="https://htmlstart.ucoz.net/statistica/stathtmlstart.css" />  
  <script src="https://htmlstart.ucoz.net/statistica/new_statistic.js"></script>


3. Осталось лишь залить скрипт из прикреплённого архива в папку statistica к себе в корень сайта

Комментарии

Минимальная длина комментария - 50 знаков. комментарии модерируются
HTMLSTART » Скрипты UCOZ » Статистика » Новая совершенная онлайн статистика для сайта ucoz