Картинки ОnLine/OffLine под Аватаром со сворачиванием ин-фы в топике

Страница: 1

Сообщений 1 страница 3 из 3

Поделиться12011-05-03 23:22:28

Автор: Deff
Помощник ZeroParking
Зарегистрирован: 2010-09-17
Приглашений: 0
Сообщений: 3019
Уважение: +912
Позитив: +117
Провел на форуме:
1 месяц 4 дня
Последний визит:
2014-03-14 16:00:36

Elanta написал(а):

Интересует такой вопрос, можно как-то сделать, в профиле пользователя или же в подписи на форуме, отображалку "онлайн" или "оффлайн"

Добавлена сворачивалка по клику на картинку OnLine/OffLine

Ставим в HTML низ

<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:153;margin-top:3px;" />'; //153 - размер картинки по горизонтали

var ImgON="http://s005.radikal.ru/i212/1009/13/26270b1c3c1a.jpg"; // Картинка Online;
var ImgOff="http://s55.radikal.ru/i149/1009/e7/5251a5a51615.jpg"; // Картинка OffLine;

$("#pun-viewtopic .post .post-author ul").each(function () {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
}else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});

$("div.UL").hide(); //Кому не надо изначального свертывания - строку cиним убираем
$("ul .imgON_Off").click(function () {
$(this).parent("ul").find(".UL").toggle('slow');});
</script>