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

**andrei** » 23.01.2013, 12:23

Облазил весь форум, но так нигде и не нашёл даже упоминания на интересующую меня тему. Ответ нашёлся здесь, но вот будет ли это работать на phpBBex 1.5.3? Я пробовал делать всё строго по инструкции(которая, на мой взгляд, написана крайне бездарно, хуже ещё ни разу не встречал! :evil:

), но разумеется ничего у меня не вышло... Подскажите пожалуйста куда надо прописать вот этот код:

Код: Выделить всё: <div id="hidden" style="display: none;">

В какой файл и куда конкретно?
Куда надо прописать этот код:

Код: Выделить всё: <a href="" onclick="dE('hidden');return false;">

В какой файл и конкретно - в какое место?
А вот тут я вообще ничего не понял:

Код: Выделить всё: ----- Найти в styles/prosilver/template/overall_footer.html <div id="page-footer"> ----- Добавить перед  ----- Файл hidden_block.html скопировать в папку styles/prosilver/template/ ----- По умолчанию блок ЗАКРЫТ. Если должен быть раскрыт, удалите из шаблона свойство "display: none;"

Во-первых - непонятно что перед чем надо добавить. Должно быть вот так
<div id="page-footer">
 ??
Или вот так:
<div id="page-footer"> ??
Или вообще - вот так:

<div id="page-footer"> ????????
Файл hidden_block.html как должен выглядеть? Я в той теме пролистал все 10 страниц, но так и не нашёл ни одного подходящего примера, чтобы на его основе сделать так же у себя(это был бы самый идеальный вариант! Я бы просто подставил свои данные - пути, идентификаторы и т.д., и делов-то...), очень надеюсь на Вашу помощь. Не могли бы Вы написать подробную инструкцию как сделать на форуме раскрывающийся блок(типа спойлера в сообщениях)?
На phpguru.net не стал писать только потому что там поддержка phpBB 3, как ни крути, никто бы даже не стал реагировать на такой вопрос, а с другой стороны - просматривая темы я заметил что многие фишки от phpBB 3 работают и на phpBBex, как ни в чём ни бывало...

**prebbex** » 24.01.2013, 20:05

andrei:hidden_block.html

так, как вы его скачаете

Добавлено спустя 1 минуту 34 секунды:

andrei:Во-первых - непонятно что перед чем надо добавить.

написано добавить перед -- перед этим и добавьте. Вставьте строку и добавьте приведенное

Добавлено спустя 2 минуты 55 секунд:

andrei:о инструкции(которая, на мой взгляд, написана крайне бездарно

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

Добавлено спустя 1 минуту 11 секунд:

andrei:надо прописать этот код:

Никуда не надо. Это лишнее. До того как не определитесь, куда нужно вписывать. Что нужно скрывать. А что не нужно.

Добавлено спустя 4 минуты 49 секунд:
andrei, правильно заданный вопрос в себе содержит половину ответа

**andrei** » 25.01.2013, 13:17

prebbex, Неужто вам больше нечем заняться, как только флудить на форуме и насмехаться над новичками? Я перед тем как задать вопрос сначала сам попытался решить проблему, испробовал столько вариантов, что описывать тут их все просто нет смысла. Надеялся на помощь знающего человека, который поставил у себя такой блок и он работает, чтобы сделать точно так же, (прописав только свои данные, разумеется) пользуясь конкретным примером. Единственное что я забыл дописать в конце - просьба откликнуться тех кто действительно может помочь, а не выскочек которые кроме как обсмеивать больше ничего не могут. Вас очень прошу на мои посты не отвечать, бесполезное бла-бла-бла и я могу накатать, тут много ума не надо...
Тем кто реализовал у себя такой блок.
Блок который я хотел сделать раскрывающимся встроен в index_body.html

Код: Выделить всё:   <iframe src="/forum/chat/index.php" width="100%" height="300"></iframe>

Вот эту строчку

Код: Выделить всё: <iframe src="/forum/chat/index.php" width="100%" height="300"></iframe>

я и вписываю в hidden_block.html добавляя код скрытого блока(как указано в инструкции), получается вот так:

Код: Выделить всё: <div id="hidden" style="display: none;"> <iframe src="/forum/chat/index.php" width="100%" height="300"></iframe>

hidden_block.html я помещаю в styles/prosilver/template/ (всё точно, как в инструкции!)
А на том месте где он был я помещаю код кнопки, в котором ссылка на скрытый блок, получается вот так:

Код: Выделить всё:   <a href="/forum/styles/prosilver/template/hidden_block.html" onclick="dE('hidden');return false;">

В результате блок скрыт, но и открыть его никак нельзя, т.к. никакой кнопки не появилось! Что я сделал не так? Пожалуйста, большая просьба не морочить голову а писать по существу, если действительно есть что сказать.
Не забывайте что вы тоже когда-то были новичками!

**prebbex** » 25.01.2013, 13:38

andrei, если вы занимаетесь троллингом - вам не сюда. Флуд - это ваше первое сообщение и первый абзац второго.

Перечитайте мою подпись десять раз - может помочь.

Перечитайте сообщение на phpbbguru.net - там хорошо описано, а вы делаете не по инструкции

Добавлено спустя 2 минуты 33 секунды:

andrei:Не забывайте что вы тоже когда-то были новичками!

мы не были новичками, мы сразу родились с клавой, рулем, кандидатской, на роликах :twisted:

**VEG** » 25.01.2013, 14:06

Удалите все проделанные правки и используйте следующий код в нужном месте index_body.html:

Код: Выделить всё:  <div class="forumbg"> <div class="inner"><span class="corners-top"><span></span></span> <ul onclick="jQuery(this).next().toggle();" class="topiclist"> <li class="header"><dl><dt>Онлайн чат</dt></dl></li> </ul> <iframe width="100%" height="250" src="/chat/index.php" style="display: block; border: 0;"></iframe> <span class="corners-bottom"><span></span></span></div> </div>

Будет выглядеть вот так (сворачивание-разворачивание при клике по заголовку):

Чтобы не возникало таких конфликтов как выше, нужно просто стараться понимать что вы делаете, а не просто следовать инструкциям. Научиться можно всему. Даже на русском языке есть очень много обучающей информации. Например, www.htmlbook.ru — хороший ресурс для этих целей. Там есть учебники по HTML и CSS. Потом немножечко jQuery — и вообще сможете делать любые фишки со своими стилями :) Раньше без обилия информации и готовых библиотек типа jQuery было намного сложнее.

**prebbex** » 25.01.2013, 14:59

index_body.html строку

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

заменить

Код: Выделить всё:  <a href="" onclick="dE('chat');return false;">

overall_footer.html строку

Код: Выделить всё: <div id="page-footer">

заменить

Код: Выделить всё:    <div id="page-footer">

hidden_block.html

Код: Выделить всё: <div class="forabg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dt><a href="" onclick="dE('chat');return false;">Чат</a></dt> </dl> </li> </ul> <div class="bg2" id="chat" style="display: none; padding: 0.8em; font-size: 1.3em">  <div class="forumbg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dt>Chat by andrei</dt> </dl> </li> </ul> <ul class="topiclist topics"> </div> <span class="corners-bottom"><span></span></span></div> </div>  </div> <span class="corners-bottom"><span></span></span></div> </div>

где

Код: Выделить всё:  <div class="forumbg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dt>Chat by andrei</dt> </dl> </li> </ul> <ul class="topiclist topics"> </div> <span class="corners-bottom"><span></span></span></div> </div>

это вместо вашей

Код: Выделить всё: <iframe src="/forum/chat/index.php" width="100%" height="300"></iframe>

Добавлено спустя 4 минуты 6 секунд:
VEG, это не конфликт, это попытка установления контакта со шпионом. Одна тирада - и аппонент уже половину информации выложил :twisted:

andrei, если просите помощи, не надо играть в Зою Космодемьянскую.

**andrei** » 25.01.2013, 15:24

VEG, Спасибо большое, всё прекрасно работает! :smile:

нужно просто стараться понимать что вы делаете, а не просто следовать инструкциям

Абсолютно согласен, на все сто! Так я и пытался сам понять, тем более, как выяснилось, воспользоваться той так называемой "инструкцией" невозможно даже при всём желании! Точно с таким же успехом автор той писанины мог бы сразу же отослать изучать HTML и основы. За ссылку спасибо, учебник не только полезный, но ещё и прекрасно написан. Я ещё когда его скачал, и постоянно туда заглядываю, но невозможно же всё сразу запомнить...

prebbex:если просите помощи, не надо играть в Зою Космодемьянскую.

Да, всё так, вот только хамить было совсем необязательно... Именно вот такой фразой и можно было бы обойтись. И, хоть это уже как бы неактуально, но всё равно спасибо за информацию

**Girl** » 17.09.2013, 09:05

VEG:Удалите все проделанные правки и используйте следующий код в нужном месте index_body.html:

а как сделать так чтобы при обновлении страницы статус чата ( раскрытый или закрытый был) запоминался? Т.е. я сворачиваю, обновляю страницу и он снова раскрыт получается .

**factotum** » 17.09.2013, 13:04

сохранить настройки в кукизах/локальном хранилище/базе данных.
Сохранение в локальном хранилище-кукизах привязывает настройки к браузеру, что предпочтительней и проще. настройки в базе данных проецируются на все. В последнем варианте посещение с мобильного телефона раскроет чат так же, как на и на большом экране

**Girl** » 17.09.2013, 13:39

factotum:сохранить настройки в кукизах/локальном хранилище/базе данных.
Сохранение в локальном хранилище-кукизах привязывает настройки к браузеру, что предпочтительней и проще.

А как это сделать?

**factotum** » 17.09.2013, 14:44

Girl:А как это сделать?

не скажу, потому как в глаза не видел чата. Остается просить Евгения.

**vbnm** » 03.08.2014, 21:41

VEG:(сворачивание-разворачивание при клике по заголовку):

кстати, чтобы не ломать голову насчет того, как автоматизировать запоминание свернут блок, или развернут, то можно ведь этот вопрос наверное решить за счет модуля спойлера для категорий.
если в админке при установленом модуле спойлер категорий организовать пустую категорию, то есть без форумов, а затем в эту категорю впихнуть тот же чат, или какой-нить блок, то все должно получится как раз
:smoke: