Сворачивалка в профиле юзера в топике произвольных пунктов инфы

Поделиться12011-05-07 13:05:36

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

Finka написал(а):
а можно сделать так, чтобы не всё сворачивалось, а только некоторые пункты? можно без картинки, обычной кнопкой спойлера.

Сворачивалка в профиле в топике заданных пунктов инфы юзера
В HTML низ

<style>li.pa-hidePunk {border:inset 1px;padding:0 8px;width:136px;cursor:pointer; cursor:hand; margin-top: 12px;}</style>
<script type="text/javascript">

var g01="Показать доп.Ин-фу"; // Надпись на разворачивалке
var g00="Скрыть доп.Ин-фу"; // Надпись на cворачивалке

hidePunkt=new Array(

//"pa-author", //Ник-Нейм
//"pa-title", //статус
//"pa-avatar", //Аватар
"pa-from", //Откуда
"pa-reg", //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts", //Кол-во сообщений:
"pa-respect", //Уважение:
"pa-positive", //Позитив
"pa-sex", //Пол
"pa-age", //Возраст
"pa-icq", //Аська
"pa-fld1", //Доп.Поле.1
"pa-fld2", //Доп.Поле.2
"pa-fld3", //Доп.Поле.3
"pa-fld4", //Доп.Поле.4
"pa-fld5", //Доп.Поле.5
"pa-ip", //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
"pa-online", //Пользователь online

"End ul")

var g012='<li class="pa-hidePunk">';
g01='<span>'+g01+'</span>';
g00='<span>'+g00+'</span>';
$(".post .post-author").each(function () {
for(var i=0;i<hidePunkt.length-1;i++){
if($(this).find("li."+hidePunkt[i]).html()!=null){
$(this).find("li."+hidePunkt[i]).addClass('hidePunkt');};};
$(this).find("ul").append(g012+g01+g00+'</li>');
$(this).find("li.pa-hidePunk span:last").hide();
$(this).find(".hidePunkt").hide();
});

$("li.pa-hidePunk").click(function () {
$(this).find("span").toggle();
$(this).parent("ul").find("li.hidePunkt").toggle('slow');});
</script>

Зы : Если Пункт не надо скрывать - ставим перед ним две косых черты, как у первых трех пунктов

//"pa-author", //Ник-Нейм
//"pa-title", //статус
//"pa-avatar", //Аватар

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

Зы2: 136 - красным - ширина блока с выделенной надписью -сворачивания -разворачивания

Отредактировано Deff (2011-07-30 17:46:26)

+1

Поделиться22011-05-07 21:21:29

Автор: Messi_Lionel
Форумчанин
Зарегистрирован: 2011-02-20
Приглашений: 0
Сообщений: 22
Уважение: +2
Позитив: +5
Провел на форуме:
19 часов 28 минут
Последний визит:
2011-08-10 18:19:50

Куда вставлять ?

0

Поделиться32011-05-08 10:00:21

Автор: Lonely_wolf
Помощник ZeroParking
Откуда: Сургут
Зарегистрирован: 2011-02-22
Приглашений: 0
Сообщений: 1798
Уважение: +177
Позитив: +148
Пол: Мужской
Провел на форуме:
20 дней 13 часов
Последний визит:
2014-01-18 13:23:53

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

Куда вставлять ?

так там же написано в

HTML низ

0

Поделиться42011-07-30 14:42:23

Автор: Люка
Форумчанин
Зарегистрирован: 2010-08-25
Приглашений: 0
Сообщений: 52
Уважение: 0
Позитив: +17
Пол: Женский
Возраст: 29 [1995-01-24]
Провел на форуме:
1 день 6 часов
Последний визит:
2013-08-21 07:13:01

Deff
почему-то не всегда срабатывает, вернее не всегда открывается. :dontknow:

Отредактировано Люка (2011-07-30 14:46:42)

0

Поделиться52011-07-30 17:19:17

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

Люка :glasses: Я бы сделал картинку повыше, добавив симметрично сверху снизу прозрачки пиксел по три (Или , вообще Большой интригующий плюс - ( чтобы стоял справо - добавил бы слево прозрачки

Вот так, к примеру, для Вашего сайта:

Код:

<!--Сворачивалка в профиле в топике заданных пунктов инфы юзера -->
    <style>li.pa-hidePunk {border:inset 0px;padding:0 8px;width:136px;cursor:pointer; cursor:hand; margin-top: 12px;}</style>
    <script type="text/javascript">

   var g01="<img src=\"http://savepic.net/1756218.png\">";  // Надпись на разворачивалке
    var g00="<img src=\"http://savepic.net/1735741.png\">"; // Надпись на cворачивалке

    hidePunkt=new Array(

    //"pa-author",     //Ник-Нейм
    //"pa-title",      //статус
    //"pa-avatar",     //Аватар
    "pa-from",       //Откуда
    //"pa-reg",        //Зарегистрирован
    "pa-invites", //Приглашений
    //"pa-posts",      //Кол-во сообщений:
    "pa-respect",    //Уважение:
    "pa-positive",   //Позитив
   //"pa-sex",        //Пол
    "pa-age",        //Возраст
    "pa-icq",        //Аська
    //"pa-fld1",       //Доп.Поле.1
    //"pa-fld2",       //Доп.Поле.2
    //"pa-fld3",       //Доп.Поле.3
    "pa-fld4",       //Доп.Поле.4
    "pa-fld5",       //Доп.Поле.5
    "pa-ip",         //IP Юзера
    "pa-time-visit", //Провел на форуме:
    //"pa-last-visit", //Последний визит:
    //"pa-online",     //Пользователь online

    "End ul")

       var g012='<li class="pa-hidePunk">';
       g01='<span>'+g01+' </span>';
       g00='<span>'+g00+'</span>';
       $(".post .post-author").each(function () {
       for(var i=0;i<hidePunkt.length-1;i++){
       if($(this).find("li."+hidePunkt[i]).html()!=null){
       $(this).find("li."+hidePunkt[i]).addClass('hidePunkt');};};
       $(this).find("ul").append(g012+g01+g00+'</li>');
       $(this).find("li.pa-hidePunk span:last").hide();
       $(this).find(".hidePunkt").hide();
    });

    $("li.pa-hidePunk").click(function () {
    $(this).find("span").toggle();
    $(this).parent("ul").find("li.hidePunkt").toggle('slow');});
    </script>

Отредактировано Deff (2011-07-30 17:43:37)

+1

Форум поддержки пользователей ZeroParking

Меню навигации

Пользовательские ссылки

Информация о пользователе