Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Плавное открытие катигорий и виджнтов
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Плавное открытие катигорий и виджнтов
Как сделать чтоб при нажатии на категории они сворачивались плавно как Сайты друзей здесь?
https://i.imgur.com/aaqCZ.png
Вопрос к Дане
https://i.imgur.com/aaqCZ.png
Вопрос к Дане
Re: Плавное открытие катигорий и виджнтов
Домовой с Ирбисом уже придумали: https://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 |
Re: Плавное открытие катигорий и виджнтов
P.S. если не ставил предыдущей версии сворачивания (как на тестовике) - тогда просто добавляешь вышеуказанное в index_box. Если копировал весь шаблон - тогда предварительно вычисти оттуда предыдущую версию скрипта.
Последний раз редактировалось: Dana Domirani (Май 12th 2011, 17:59), всего редактировалось 1 раз(а)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Плавное открытие катигорий и виджнтов
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;"> </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 -->
Re: Плавное открытие катигорий и виджнтов
Не чего не помагает я тут всё перепробовал тут что то нето у меня
Re: Плавное открытие катигорий и виджнтов
на сколько я понимаю вот это в вашем шаблоне отвечает за ваше сворачивание категорий
- Код:
<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>
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Плавное открытие катигорий и виджнтов
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>
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Плавное открытие катигорий и виджнтов
Не чего не получаеться виджеты как скрывались резко так и скрывабться а форумы перестали вот что я написал в индекс бокс...Спасибо Дана И Домовой вам за помошь!
- индекс бокс:
- Код:
<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>
Re: Плавное открытие катигорий и виджнтов
Даначка мне Домовой с категориями помог а ты может сказать как с виджетами это сделать?Спасибо.
Похожие темы
» Плавное открытие спойлера
» Плавное открытие форума
» Открытие страниц со спамом
» В место иконок форума поставить иконки катигорий [Решено супер]
» Плавное изменение обычной картинки на интерактивную
» Плавное открытие форума
» Открытие страниц со спамом
» В место иконок форума поставить иконки катигорий [Решено супер]
» Плавное изменение обычной картинки на интерактивную
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения