Мини профиль при нажатии на логин в статистике by webo4ka


Мини профиль при нажатии на логин в статистике by webo4ka

3313
8.8 из 10
Проголосовало: 21






При использовании данного, кода можно будет упростить просмотр информации о пользователе... Теперь при нажатии на логи пользователя можно просмотреть о нем краткую информацию не переходя на нго страничку, вывел можно сказать самое главное (аву, группу, id и статус...), если будет нужда перейти на страницу пользователя, то нужно будет нажать на его логин в этом мини профили... А для закрытия профиля нужно будет тыкнуть кнопкой мыши в любой части сайта, ну вообщем то все!

Установка:

1) На персональную страницу:

Code
<div style="display:none;">
<?if($_AVATAR$)?><div id="avatarWebo4kaRu"><img src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0"/></div><?else?><div id="avatarWebo4kaRu"><img src="http://webo4ka.ru/webo4kaRu/img/noavatarWebo4kaRu.png" border="0"/></div><?endif?>
<div id="useNameWebo4kaRu">$_USERNAME$</div>
<div id="grupNameWebo4kaRu">$_GROUP_NAME$</div>
<div id="userIdWebo4kaRu">$_USER_ID$</div>  
<div id="statusWebo4kaRu"><?if($_STATUS$)?>$_STATUS$<?else?><font color="#00ff00">Online</font><?endif?></div>
</div>


2) данный код в нижнюю часть (что бы стоял после данного кода $ONLINE_USERS_LIST$ - это код выводит людей которые on-lain)

Code
<div id="vivodMiniProfilWebo4kaRu" style="position:fixed; bottom:1%; right:1%;"></div>
<script type="text/javascript">
$('a[class^="group"]').click(function(){
$(this).attr('href','javascript://');
var loginUserWebo4kaRu = $(this).html().replace(/\-/, '~');
$.get('/index/8-0-'+loginUserWebo4kaRu+'', function (miniProfilWebo4kaRu){var avatarWebo4kaRu = $('#avatarWebo4kaRu img', miniProfilWebo4kaRu).attr('src'), useNameWebo4kaRu = $('#useNameWebo4kaRu', miniProfilWebo4kaRu).html(), grupNameWebo4kaRu = $('#grupNameWebo4kaRu', miniProfilWebo4kaRu).html(), statusWebo4kaRu = $('#statusWebo4kaRu', miniProfilWebo4kaRu).html(), userIdWebo4kaRu = $('#userIdWebo4kaRu', miniProfilWebo4kaRu).html(); $('#vivodMiniProfilWebo4kaRu').fadeIn('slow').html('<table border="0" style="min-width:250px; background: rgba(0,0,0,0.80); border:2px solid rgba(0,0,0,0.170); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); padding:3px; margin:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;"><tr><td valign="top" style="background:rgba(255,255,255,0.70); border:1px solid #666; -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); padding:4px; width:66px;"><img src="'+avatarWebo4kaRu+'" style="width:66px;"></td><td valign="top"><div style="font-size:11pt; color: #fff;"><a href="/index/8-0-'+loginUserWebo4kaRu+'" target="_blank">'+useNameWebo4kaRu+'</a> </div> <div style="font-size:11pt; color: #fff;">Группа: '+grupNameWebo4kaRu+'</div> <div style="font-size:11pt; color: #fff;">ID: '+userIdWebo4kaRu+'</div> <div style="font-size:11pt; color: #fff;">Статус: '+statusWebo4kaRu+'</div></td></tr></table>'); },1000);
}); $('body').click(function(){$('#vivodMiniProfilWebo4kaRu').fadeOut('slow')});
</script><style>.statusOnline {color:#00ff00 !important;}</style>


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 11

GHOST$RIDER
0
GHOST$RIDER написал: Написано 12 Июля 2013 в 22:26
Комментарий №11
Проверено работает на всех 3-х версиях jQuery!)

GhostlyP
0
GhostlyP написал: Написано 23 Ноября 2012 в 13:36
Комментарий №10
happy Без меня - никуда. Скрипт просто супер! biggrin

kolyan1282
0
kolyan1282 написал: Написано 21 Ноября 2012 в 11:42
Комментарий №3
У меня не работает, может еще чтото надо сделать?

Вовчик
0
Вовчик написал: Написано 21 Ноября 2012 в 15:23
Комментарий №4
проверил только на новом тест сайте, все работает... ну может тебе нужно в настройках пользователя поставить "открывать в текущем окне"

Winston888
0
Winston888 написал: Написано 21 Ноября 2012 в 17:54
Комментарий №5
Данный скрипт работает при Версия библиотеки jQuery: 1.3.2

kolyan1282
0
kolyan1282 написал: Написано 21 Ноября 2012 в 23:50
Комментарий №6
а переделать можна?

Вовчик
0
Вовчик написал: Написано 22 Ноября 2012 в 00:35
Комментарий №7
работает и на 1.7.2 и на 1.6.1 тоже... проверено мною)

kolyan1282
0
kolyan1282 написал: Написано 22 Ноября 2012 в 01:39
Комментарий №8
на 1.3.2 работает но не правильно, при клике на ник пользователя открывается мини профиль в низу как задумано и одновременно во втором окне тоже открывается полный профиль пользователя, а на других версиях библиотек не работает!

Вовчик
0
Вовчик написал: Написано 22 Ноября 2012 в 07:49
Комментарий №9
у меня на всех библиотеках работает а у тебя нет, это что за бред!?

и

Quote (Вовчик)
тебе нужно в настройках пользователя поставить "открывать в текущем окне"


что бы еще одно окно не открывалось...

k43
0
k43 написал: Написано 20 Ноября 2012 в 23:32
Комментарий №1
Красава Вовчик на мой аккаунт потыкал)))

Fosters
0
Fosters написал: Написано 20 Ноября 2012 в 23:34
Комментарий №2
biggrin

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