Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Плавное открытие катигорий и виджнтов

Предыдущая тема Следующая тема Перейти вниз

Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Чт 12 Май - 16:58

Как сделать чтоб при нажатии на категории они сворачивались плавно как Сайты друзей здесь?

http://i.imgur.com/aaqCZ.png

Вопрос к Дане blush

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Dana Domirani в Чт 12 Май - 17:09

Домовой с Ирбисом уже придумали: http://help.forum2x2.ru/t17079-topic
Я бы только предложила другое разворачивание, вертикальное:
Код:
<script type="text/javascript">
allcats = $('div#main-content div');
for(i=0; i<allcats.length; i++){if(allcats[i].className == "main-head") allcats[i].id="pun-category"+i;}
open = 'http://znakomstva.4bb.ru/uploads/0000/0a/f2/394478-1.png';
close = 'http://znakomstva.4bb.ru/uploads/0000/0a/f2/394478-2.png';
$('div#main-content div.main-head div.page-title').append('<span class="offctgr" style="float: right; margin-top: -17px;"><img src="'+open+'" title="показать/cкрыть" /></span>');
$('div#main-content div.main-head').each(function () {
  var ctgId=$(this).attr('id');
  if(getcookie(ctgId)=='close'){
      $(this).next('div.main-content').css({display: "none"});
      $('div#'+ctgId+' > div.page-title > span.offctgr img').attr("src", close);
  }
});
$('span.offctgr').click(function(){
  var cat=$(this).parents('div.main-head').attr('id');
  $(this).parents('div.main-head').next('div.main-content').slideToggle(300);
  var s = $(this).find("img").attr("src") == open ? close : open;
  $(this).find("img").attr("src",s);
  var catc = getcookie(cat);
  catc = catc == 'close' ? 'open' : 'close';
  setcookie(cat,catc,3600*24*30*1000);
  return false;
});
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document·cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document·cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
</script>



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22169
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8910

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Dana Domirani в Чт 12 Май - 17:11

P.S. если не ставил предыдущей версии сворачивания (как на тестовике) - тогда просто добавляешь вышеуказанное в index_box. Если копировал весь шаблон - тогда предварительно вычисти оттуда предыдущую версию скрипта.


Последний раз редактировалось: Dana Domirani (Чт 12 Май - 17:59), всего редактировалось 1 раз(а)



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22169
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8910

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Чт 12 Май - 17:18

index_box почистить? Он вроде не имеет не чего...

index_box templates:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>


<div class="main"><script type="text/javascript">var num= 0; var curc;</script>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head" onClick=" if(this.nextSibling.style.display=='none') {my_setcookie(this.firstChild.id,'0',0,0); this.nextSibling.style.display='block';} else {my_setcookie(this.firstChild.id,'1',1,0); this.nextSibling.style.display='none'; }" style="cursor:pointer;">
<div class="page-title" id="cret">{catrow.tablehead.L_FORUM} <span class="toggle5"></span></div><script type="text/javascript">curc= document.getElementById('cret'); curc.id+=(++num)+'_'+escape(curc.innerHTML);</script>
</div>
<div class="main-content">
<script type="text/javascript">if(my_getcookie(curc.id)=='1') curc.parentNode.nextSibling.style.display='none';</script>

<table cellspacing="0" class="table">
<thead>
<tr>
<th style="background-color: #B6C7DB;">&nbsp;</th>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">Στατιστικά</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<td class="tcl5" style="background-color: #E4EBF2;">
<span class="status">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
</td>
<td class="tcl">
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
<br />
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="tc2" align="right">{catrow.forumrow.TOPICS} Θέματα<br />{catrow.forumrow.POSTS} Μηνύματα</td>
<td class="tcr">
<span>
<!-- BEGIN switch_topic_title -->
<b>Θέμα:</b> <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</td>
</tr>
<!-- END forumrow -->

<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->


<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->

</div>
<!-- END switch_on_index -->

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор doublecemik в Чт 12 Май - 18:15

Дана, а как тоже самое только для бб3 сделать?

doublecemik
 

Мужчина

Сообщения : 75
Возраст : 83
Регистрация : 2011-04-05
Благодарности : 6

Без предупреждений

http://gorlovka.gip-gip.com/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Сб 14 Май - 1:33

Дана не работает нечего... girl_blush

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Вс 15 Май - 17:41

Не чего не помагает я тут всё перепробовал тут что то нето у меня

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Чт 19 Май - 18:28

Хотелось бы поднять тему.Спасибо огромное. yes

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Домовой в Чт 19 Май - 20:41

на сколько я понимаю вот это в вашем шаблоне отвечает за ваше сворачивание категорий

Код:
<div class="main"><script type="text/javascript">var num= 0; var curc;</script>
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="main-head" onClick=" if(this.nextSibling.style.display=='none') {my_setcookie(this.firstChild.id,'0',0,0); this.nextSibling.style.display='block';} else {my_setcookie(this.firstChild.id,'1',1,0); this.nextSibling.style.display='none'; }" style="cursor:pointer;">
 <div class="page-title" id="cret">{catrow.tablehead.L_FORUM} <span class="toggle5"></span></div><script type="text/javascript">curc= document.getElementById('cret'); curc.id+=(++num)+'_'+escape(curc.innerHTML);</script>
 </div>

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Домовой в Чт 19 Май - 21:05

Gamatos, скрипт почему то не работает
Ставьте это
Код:
<script type="text/javascript">
allcats = $('div#main-content div');
for(i=0; i<allcats.length; i++){if(allcats[i].className == "main-head") allcats[i].id="pun-category"+i;}
open = 'http://savepic.ru/2630931.png';
close = 'http://savepic.ru/2645267.png';
$('div#main-content div.main-head div.page-title').append('<span class="offctgr" style="float: right; margin-top: -17px;"><img src="'+open+'" title="показать/cкрыть" /></span>');
$('div#main-content div.main-head').each(function () {
  var ctgId=$(this).attr('id');
  if(getcookie(ctgId)=='close'){
      $(this).next('div.main-content').css({display: "none"});
      $('div#'+ctgId+' > div.page-title > span.offctgr img').attr("src", close);
  }
});
$('span.offctgr').click(function(){
  var cat=$(this).parents('div.main-head').attr('id');
  $(this).parents('div.main-head').next('div.main-content').slideToggle('slow');
  var s = $(this).find("img").attr("src") == open ? close : open;
  $(this).find("img").attr("src",s);
  var catc = getcookie(cat);
  catc = catc == 'close' ? 'open' : 'close';
  setcookie(cat,catc,3600*24*30*1000);
  return false;
});
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document·cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document·cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
</script>

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Пт 20 Май - 3:04

Не чего не получаеться виджеты как скрывались резко так и скрывабться а форумы перестали вот что я написал в индекс бокс...Спасибо Дана И Домовой вам за помошь!


индекс бокс:
Код:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

    <script type="text/javascript">
    allcats = $('div#main-content div');
    for(i=0; i<allcats.length; i++){if(allcats[i].className == "main-head") allcats[i].id="pun-category"+i;}
    open = 'http://savepic.ru/2630931.png';
    close = 'http://savepic.ru/2645267.png';
    $('div#main-content div.main-head div.page-title').append('<span class="offctgr" style="float: right; margin-top: -17px;"><img src="'+open+'" title="показать/cкрыть" /></span>');
    $('div#main-content div.main-head').each(function () {
      var ctgId=$(this).attr('id');
      if(getcookie(ctgId)=='close'){
          $(this).next('div.main-content').css({display: "none"});
          $('div#'+ctgId+' > div.page-title > span.offctgr img').attr("src", close);
      }
    });
    $('span.offctgr').click(function(){
      var cat=$(this).parents('div.main-head').attr('id');
      $(this).parents('div.main-head').next('div.main-content').slideToggle('slow');
      var s = $(this).find("img").attr("src") == open ? close : open;
      $(this).find("img").attr("src",s);
      var catc = getcookie(cat);
      catc = catc == 'close' ? 'open' : 'close';
      setcookie(cat,catc,3600*24*30*1000);
      return false;
    });
    function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document·cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
    function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document·cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
    </script>


Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Вс 22 Май - 21:40

Даначка мне Домовой с категориями помог а ты может сказать как с виджетами это сделать?Спасибо. yes

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Сб 28 Май - 0:17

Может это не возможно? scratch

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Чт 2 Июн - 0:05

Ответьте пожалуйста... cray

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Плавное открытие катигорий и виджнтов

Сообщение автор Gamatos в Сб 6 Авг - 16:19

yes

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения