Информация о пользователи при наведении на логин в статистике by webo4ka.ru


Информация о пользователи при наведении на логин в статистике by ...

459
10 из 10
Проголосовало: 8






Наконец-то я закончил делать странице личных сообщений, и теперь можно заняться созданием скриптов, чем я и занялся... сегодня я выполнил идею предложенную пользователем Snoopak, на форуме в идеях скриптах. Суть скрипта проста, он выводит информацию о пользователи при наведении на его логин в статистике сайта не переходя на сам профиль пользователя.
Скрипт выводит следующую информацию:
  • аватарку пользователя, а если её нет, то отсутствие его.
  • статус онлайн или оффлайн
  • группу в красивой обрамке, под цвет каждой группы
  • логин пользователя
  • пол пользователя
  • ранг пользователя
  • его репутация
  • адрес сайта пользователя
  • ну и когда пользователь был на сайте

    минус тем у кого блоки с левой стороны а не с правой как у меня, вам тогда придется в коде немного менять цифры в позиционировании, что бы вывод блока был с другой стороны

    Вообщем функционал шикарный, к тому же скрипт сделан на API, что увеличивает скорость загрузки, но если вы много будете водить по логинам, то при обновлении страницы у вас может появиться ошибка 403, что ни есть хорошо... ну хватит болтовни, переходим к установке

    Установка:

    1) Для начала обносим код, где у вас выводится статистика данным дивом:

    Код
    <div class="infoAPI" style="position:relative;">$MYINF_3$</div>

    в моем случае это информер под номером 3, но вы меняете на свое...

    2) теперь после данного кода вставляем js код:
    Код

    <script type="text/javascript">  
    $('.infoAPI a[class^="group"]').each(function(){
    var nameWebo4kaRu = $(this).text();
    var urlUserWebo4kaRu = $(this).attr("href").split('-')[1];
    var wurlUserWebo4kaRu = 'w'+urlUserWebo4kaRu+'';

    $(this).after('<div class="wInfo" style="background:#f3f3f3; border:1px solid #bbb; box-shadow: inset 0px 1px 0px #fff; position:absolute; top:-120px; left:-320px; color:#fff; z-index:99; padding:5px; display:none;">Загрузка...</div>');  
    $(this).hover(function(){
    $.get('/api/index/8-'+urlUserWebo4kaRu+'',function(w){
    var avatar = $(w).find('name:contains("USER_AVATAR")').next().text(); // аватар
    var groupname = $(w).find('name:contains("USER_GROUPNAME")').next().text(); // группа
    var status = $(w).find('name:contains("USER_STATUS")').next().text(); // статус

    var gender = $(w).find('name:contains("USER_GENDER")').next().text(); // пол
    var rankname = $(w).find('name:contains("USER_RANKNAME")').next().text(); // ранг
    var reputation = $(w).find('name:contains("USER_REPUTATION")').next().text(); // рупутация
    var homepage = $(w).find('name:contains("USER_HOMEPAGE")').next().text(); // сайт
    var logtimestamp = $(w).find('name:contains("USER_LOGTIMESTAMP")').next().text(); // дата входа
    var unixtime = logtimestamp; var timeWebo4kaRu = new Date(unixtime*1000); var timeWebo4kaRu = timeWebo4kaRu.toLocaleString(); // дата входа

    if(avatar=='') {var avatar = 'http://webo4ka.ru/webo4ka/img/W.png'} else {var avatar = avatar;}
    if(status == 'Offline') {var status = 'E37C6E';} else {var status = '9EC448';}
    if(groupname == 'Пользователи') {groupnameColor = 'rgba(210, 215, 220, 0.9)';}
    if(groupname == 'Проверенные') {groupnameColor = 'rgba(0, 165, 27, 0.9)';}
    if(groupname == 'Модераторы') {groupnameColor = 'rgba(59, 139, 220, 0.9)';}
    if(groupname == 'VIP') {groupnameColor = 'rgba(195, 161, 0, 0.9)';}
    if(groupname == 'Журналист') {groupnameColor = 'rgba(213, 0, 232, 0.9)';}
    if(groupname == 'Дизайнер') {groupnameColor = 'background":"rgba(0, 102, 17, 0.9)';}
    if(groupname == 'Гл.Модератор') {groupnameColor = 'background":"rgba(0, 15, 255, 0.9)';}
    if(groupname == 'Скриптер') {groupnameColor = 'rgba(224, 142, 81, 0.9)';}
    if(groupname == 'Друзья') {groupnameColor = 'rgba(121, 121, 121, 0.9)';}
    if(groupname == 'Администратор') {groupnameColor = 'rgba(230, 70, 60, 0.9)';}
    if(groupname == 'Заблокированные') {groupnameColor = 'rgba(180, 0, 0, 0.9)';}
    if(gender == 1) {gender = 'Мужчина'} else {gender = 'Женщина'}
    if(homepage == '') {homepage = 'нету:('} else {homepage = homepage}

    $('.wInfo').html('<div style="width:300px; height:110px;"><div style="float:left;"><div style="border:1px solid #afafaf; box-shadow: inset 0px 1px 0px #fff; background:#'+status+'; padding:3px; width:90px; height:90px;"><img src="'+avatar+'" style="width:90px; height:90px;"> </div> <div class="groupname" style="background:'+groupnameColor+'; border:1px solid #afafaf; box-shadow: inset 0px 1px 0px #fff; padding:3px; margin:2px 0px 0px 0px; width:90px; color:#fff; font-size:11px; text-align:center;">'+groupname+'</div> </div> <div style="float:left;"> <div style="background: rgba(100, 100, 100, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7); border:1px solid #ccc; margin-left:10px; padding:3px; width:180px; font-size:11px; color:#7a7a7a;">логин <span style="float:right;">'+nameWebo4kaRu+'</span></div> <div style="background: rgba(100, 100, 100, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7); border:1px solid #ccc; margin-left:10px; margin-top:5px; padding:3px; width:180px; font-size:11px; color:#7a7a7a;">пол <span style="float:right;">'+gender+'</span></div> <div style="background: rgba(100, 100, 100, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7); border:1px solid #ccc; margin-left:10px; margin-top:5px; padding:3px; width:180px; font-size:11px; color:#7a7a7a;">ранг <span style="float:right;">'+rankname+'</span></div> <div style="background: rgba(100, 100, 100, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7); border:1px solid #ccc; margin-left:10px; margin-top:5px; padding:3px; width:180px; font-size:11px; color:#7a7a7a;">репутация <span style="float:right;">'+reputation+'</span></div> <div style="background: rgba(100, 100, 100, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7); border:1px solid #ccc; margin-left:10px; margin-top:5px; padding:3px; width:180px; font-size:11px; color:#7a7a7a;">сайт <span style="float:right;">'+homepage+'</span></div> <div style="background: rgba(100, 100, 100, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7); border:1px solid #ccc; margin-left:10px; margin-top:5px; padding:3px; width:180px; font-size:11px; color:#7a7a7a;">был <span style="float:right;">'+timeWebo4kaRu+'</span></div> </div> <div style="position: absolute; z-index: 1000; top:140px; right:-6px; margin-left: -8px; border-left: 5px solid #d1d1d1; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 0; "></div></div>').show();  
    });
    },
    function(){
    $('.wInfo').hide();
    });
    });
    </script>


    на этом все, будут проблемы с установкой (а они у вас будут), то пишите))
  • Автор публикации: Загрузка
    Загрузка
    Вовчик, это его n материал
    Источник: http://webo4ka.ru/
    • Всего комментариев: 7

    F1z140K
    0
    F1z140K написал: Написано 22 мая 2016 в 21:45
    Комментарий №7
    Вовчик помоги! Все работает вроде , но статистику открывает не на поверхности блока а внутри где то

    CbIPoK2513
    0
    CbIPoK2513 написал: Написано 11 Апреля 2016 в 12:48
    Комментарий №6
    123e и bard, этот скрипт API использует, Вы его активировали?

    123e
    0
    123e написал: Написано 10 Апреля 2016 в 21:08
    Комментарий №4
    не работает!!!!!

    Вовчик
    0
    Вовчик написал: Написано 11 Апреля 2016 в 00:16
    Комментарий №5
    это у тебя проблемы какие-то а не с кодом...

    bard
    0
    bard написал: Написано 23 Января 2016 в 12:52
    Комментарий №2
    Ни фига не робит

    Вовчик
    0
    Вовчик написал: Написано 23 Января 2016 в 13:11
    Комментарий №3
    бывает)) смотри у меня в статистике щас стоит и все работает...

    Snoopak
    +1
    Snoopak написал: Написано 19 Января 2016 в 22:13
    Комментарий №1
    Вовчик, огромное при огромное тебе спасибо)
    Успехов тебе и сайту!)

    • Оставить комментарий:
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход
    Меню сайта
    Категории
    Для помощи создания сайта uCoz 24
    Скрипты и модификации для Ucoz 2101
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 429
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
    как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: