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


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

3338
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 25
Скрипты и модификации для Ucoz 2110
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • BLAzER написал:
  • А на условных операторах это не сделать?
  • Вовчик написал:
  • Кто-то недавно об этом спрашивал
  • taronamnet написал:
  • Skachat Ssilka Net
  • Marishka написал:
  • На наш фактически play list smile
  • na3uTuB4uk94 написал:
  • Ну а в целом кстати ниче так получилось, очень даже хорошо)
    Последние темы
    Опрос
    422
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 6
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: