Сворачивание профиля по клику на картинку OnLine/OffLine
Сворачивает и разворачивает данные пользователя при клике на картинки Онлайн или Офлайн
Автор: Deff
Платформа: MyBB
Аналоги: Двойной спойлер информации в профиле (MyBB) [Deff] / Сворачивание полей профиля под N кнопок (MyBB) [Deff]
Ставим в 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>
Если вам необходимо добавить класс к картинке для открытого состояния профиля:
<script type="text/javascript"> var L0='<img class="imgON_Off" src="'; var L1='" style="cursor:pointer;" />'; 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(); $("ul .imgON_Off").click(function () { $(this).toggleClass('On').parent("ul").find(".UL").toggle('slow');}); </script>
Отредактировано Герда (20.05.13 02:47)