Раскрывающиеся блоки

**FomenkoAndrey** » 09.08.2011 23:30

Nekstati
добавил указанную вами функцию в овералхэдэр - заработал, но как-то криво.
во-первых, скрытие не запоминается и при переходе или обновлении страницы сбрасывается.
во вторых, работает только ссылка вида

Код: Выделить всё

<a href="#" name="hide" ...

без символа # блок все время раскрыт.

**Nekstati** » 11.08.2011 23:23

FomenkoAndrey, дайте ссылку.

**FomenkoAndrey** » 11.08.2011 23:41

http://motobratva.com/index.php
попробуйте.
все функции были недоступны гостям, на некоторое время раскомментировал и включил функционал сворачивания блока форумов в мобильной версии. переход должен произойти автоматически при входе с мобильного устройства.

команда ПОКАЗЫТЬ/СКРЫТЬ СПИСОК ФОРУМОВ под блоком НОВЫЕ...

**Nekstati** » 12.08.2011 0:20

А, ну да, readCookie is not defined. Требуются ещё две функции: readCookie() и createCookie() из файла styleswitcher.js.

**FomenkoAndrey** » 12.08.2011 0:28

втянул и эти две функции в хэдэр, теперь обратная проблема - список форумов всегда скрыт.
при нажатии ПОКАЗАТЬ/СКРЫТЬ блок раскрывается, страница перезагружается и он опять закрыт.
наверно опять какой-то функции не хватает?

**Nekstati** » 12.08.2011 1:22

Перезагружается оттого, что вы убрали # из ссылки. А чтобы список был изначально раскрыт, замените -1 на 1 в этой строке:

Код: Выделить всё

dE('hidden', (readCookie('hidden_block') || -1));

И надо ещё добавить это в скрипт в overall_header.html:

Код: Выделить всё

	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';

**FomenkoAndrey** » 12.08.2011 8:48

Nekstati писал(а):И надо ещё добавить это в скрипт в overall_header.html:

простите, но в какое именно место?

Добавлено спустя 12 минут 39 секунд:
попробовал добавлять поочереди в разделы var 3х добавленных в хэдэр функций.
скрытие заработало, когда сделал так:

Код: Выделить всё

function createCookie(name, value, days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime() + (days*24*60*60*1000));
		var expires = '; expires=' + date.toGMTString();
		var style_cookie = 'phpBBstyle';
		var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	}
	else
	{
		expires = '';
	}
	document.cookie = name + '=' + value + expires + style_cookie_settings;
}

правильно? или промахнулся?

**sweetah** » 19.08.2011 16:33

Помогите пожалуйста прикрутить эффект слайда к блоку, запоминающему свой статус.
Сам эффект можно посмотреть здесь. В отличие от стандартного slideToggle у jquery этот как-то плавнее двигается. Да и opacity ещё меняется.

js, из которого нужно взять эффект:

Код: Выделить всё

var array = new Array();
var speed = 8;
var timer = 8;

// Loop through all the divs in the slider parent div //
// Calculate seach content divs height and set it to a variable //
function slider(target,showfirst) {
  var slider = document.getElementById(target);
  var divs = slider.getElementsByTagName('div');
  var divslength = divs.length;
  for(i = 0; i < divslength; i++) {
    var div = divs[i];
    var divid = div.id;
    if(divid.indexOf("header") != -1) {
      div.onclick = new Function("processClick(this)");
    } else if(divid.indexOf("content") != -1) {
      var section = divid.replace('-content','');
      array.push(section);
      div.maxh = div.offsetHeight;
      if(showfirst == 1 && i == 1) {
        div.style.display = 'block';
      } else {
        div.style.display = 'none';
      }
    } 
  }
}

// Process the click - expand the selected content and collapse the others //
function processClick(div) {
  var catlength = array.length;
  for(i = 0; i < catlength; i++) {
    var section = array[i];
    var head = document.getElementById(section + '-header');
    var cont = section + '-content';
    var contdiv = document.getElementById(cont);
    clearInterval(contdiv.timer);
    if(head == div && contdiv.style.display == 'none') {
      contdiv.style.height = '0px';
      contdiv.style.display = 'block';
      initSlide(cont,1);
    } else if(contdiv.style.display == 'block') {
      initSlide(cont,-1);
    }
  }
}

// Setup the variables and call the slide function //
function initSlide(id,dir) {
  var cont = document.getElementById(id);
  var maxh = cont.maxh;
  cont.direction = dir;
  cont.timer = setInterval("slide('" + id + "')", timer);
}

// Collapse or expand the div by incrementally changing the divs height and opacity //
function slide(id) {
  var cont = document.getElementById(id);
  var maxh = cont.maxh;	
  var currheight = cont.offsetHeight;
  var dist;
  if(cont.direction == 1) {
    dist = (Math.round((maxh - currheight) / speed));
  } else {
    dist = (Math.round(currheight / speed));
  }
  if(dist <= 1) {
    dist = 1;
  }
  cont.style.height = currheight + (dist * cont.direction) + 'px';
  cont.style.opacity = currheight / cont.maxh;
  cont.style.filter = 'alpha(opacity=' + (currheight * 100 / cont.maxh) + ')';
  if(currheight < 2 && cont.direction != 1) {
    cont.style.display = 'none';
    clearInterval(cont.timer);
  } else if(currheight > (maxh - 2) && cont.direction == 1) {
    clearInterval(cont.timer);
  }
}

Нужен именно эффект слайда и изменение opacity, использоваться будет для одного блока, так что гармошка не нужна.

Для удобства код раскрывающегося блока отсюда:

Код: Выделить всё

	function hide_block(show)
	{
		dE('hidden');
		if (show && document.getElementById('hidden').style.display != 'none')
		{
			document.getElementsByName('hide')[0].focus();
			createCookie('hidden_block', 'on', '365');
		}
		if (show && document.getElementById('hidden').style.display == 'none')
		{
			document.getElementsByName('hide')[0].focus();
			createCookie('hidden_block', 'off', '365');
		}
		return true;
	}
	
	var cookie = readCookie("hidden_block");
	var on_off = cookie ? cookie : 'on';
	
	function init_hidden_block()
	{
		if (on_off == 'on')
		{
			dE('hidden', 1);
			return true;
		}
		if (on_off == 'off')
		{
			dE('hidden', -1);
			return true;
		}
	}
	onload_functions.push('init_hidden_block();');

**Пчелкин** » 21.09.2011 17:03

Добрый день...помогите пожалуйста..а то я сейчас тресну..перепробовал все что нашел - не получается малость...
В этом блоке надо {L_STATISTICS_BIG} установить по центру...фраза длинная и почему-то держится за левый край и происходит перенос нескольких слов...

Код: Выделить всё

<div class="forumbg">
	<div class="inner">
	<span class="corners-top"><span></span></span>
	<ul class="topiclist">
		<li class="header">
			<dl class="icon">
	    		<thead>
	    			<tr>
		    			<th align="center">
		        		<dt><a href="" name="hide" onclick="hide_block(true);return false;">{L_STATISTICS_BIG}</a></dt>
		        		</th>
			    	</tr>
		    	</thead>				
			</dl>
		</li>
	</ul>
	<div class="bg2" id="hidden" style="display: none; padding: 0.8em; font-size: 1.3em">
        тут информация
	</div>
	<span class="corners-bottom"><span></span></span>
</div>
</div>

А в этом блоке по центру..но не раскрывается...

Код: Выделить всё

<div class="forumbg">
	<div class="inner"><span class="corners-top"><span></span></span>
		<table class="table1" cellspacing="1">
			<thead>
				<tr>
					<th align="center">
						<a href="" name="hide" onclick="hide_block(true);return false;">{L_STATISTICS_BIG}</a>
					</th>
				</tr>
			</thead>
		<tbody>
			<tr class="bg2">
				<td>
                                тут информация
				</td>
			</tr>
		</tbody>
	</table>
</div><span class="corners-bottom"><span></span></span>
</div>

Не могу срастить что б и раскрывалось и по центру...

Добавлено спустя 12 минут 47 секунд:
Спасибо- разобрался..

Код: Выделить всё

	<ul class="topiclist">
              пыр пыр пыр
                </ul>

заменил на

Код: Выделить всё

    <table class="table1" cellspacing="1">
              пыр пыр пыр
              </table>

Название блока встало по центру..уфф

**sasha_job** » 18.01.2012 22:37

ТАк как реализовать функцию раскрывания под стилем suvsilver2 ?

**МайскийЖук** » 19.01.2012 0:31

как реализовать функцию раскрывания под стилем suvsilver2

Зайти вот сюда →

**sasha_job** » 19.01.2012 0:40

Там subsilver2 тоже нету

__________________________________
Дополнительные файлы
root/ajax_update_collapse.php,
root/styles/prosilver/theme/images/cc_open.gif ,
root/styles/prosilver/theme/images/cc_close.gif ,
root/styles/prosilver/template/ccat.js

**МайскийЖук** » 19.01.2012 7:48

Как это нету? А это что тогда?

**Microgenius** » 19.02.2012 21:39

У меня тоже не сохраняет статус, пишет:

Код: Выделить всё

Uncaught ReferenceError: readCookie is not defined
Uncaught ReferenceError: createCookie is not defined

Стиль дефолтный, просильвер, родной скрипт из хедера не удалял, не правил. Версия форума 3.0.9

Так же по-умолчанию все скрыто, а этой строки я вообще в вашем smart_hidden_block.html не нашел:

Nekstati писал(а):А чтобы список был изначально раскрыт, замените -1 на 1 в этой строке:
Код: Выделить всё
dE('hidden', (readCookie('hidden_block') || -1));

Куда копать то?

Тестовая учетка test/test, форум bankomatchik.ru/forum/

П.С.
И что бы два раза не вставать, а подскажите какой мод используется вот здесь — http://rmcgirr83.org/index.php ?

**Microgenius** » 20.02.2012 10:43

Блин, походу в 9-й версии скрипты в хедере поменяли, теперь там все не так и то, что выше, не работает. Подскажите достойный аналог этих правок в виде мода.