Сворачивающийся блок с запоминанием в куках phpbb3

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

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

Вообщем то, давненько искал скрипт сворачивающегося, одноразового блока. Почему одноразового ?? Да потому что его назначение - уведомление о какой -либо информации. Пользователь прочитал и по своему усмотрению закрыл этот блок. Закрытие запоминается в куках браузера и блок не отображается до тех пор, пока пользователь не очистит cookies в своем браузере.
Общее подключение, общий случай

Рассмотрим вообщем подключение данного блока и все его тонкости. Сперва скачиваем архив с нужными скриптами
Desktop2.rar
Сворачивающийся блок с запоминанием в куках phpbb3
(29.56 КБ) 144 скачивания
2 файлика из архива кидаем в корень форума. Чтобы подключить эти скрипты нужно открыть файл overall_header.html вашего стиля и найти Вставить перед найденным

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

<script type="text/javascript" src="/jQuery.js"></script>
<script type="text/javascript" src="/jquery.cookie.js"></script>
Если jQuery уже подключен у вас (иногда моды такого требуют), то вставляем только эту строку

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

<script type="text/javascript" src="/jquery.cookie.js"></script>
Далее перед все тем же Добавляем код

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

<script type="text/JavaScript">
  $(document).ready(function (){
  var box1 = $.cookie('box1')
  if(box1 =='none'){
  $('#box1').remove();
  }
  $('#boxs1').click(function() {
  $('#box1').slideUp(1000);
  $.cookie('box1', 'none', { expires: 365});
  });
  });
  </script>

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

<script type="text/JavaScript">
  $(document).ready(function (){
  var box1 = $.cookie('box1')//Получаем значение куки
  if(box1 =='none'){//Делаем проверку
  $('#box1').remove();//И закрываем блок если куки есть
  }
  $('#boxs1').click(function() {//При клике на id кнопки закрытия
  $('#box1').slideUp(1000);//Закрываем сам id блока
  $.cookie('box1', 'none', { expires: 365});//И создаём куку
  });
  });
  </script>
Подключение завершено, теперь нам надо создать сам блок и присвоить ему нужные айди для срабатывания скрипта. В том месте, где хотим видеть блок добавляем код

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

<div  id="box1">
<div  id="boxs1">x</div>
Содержимое блока
</div>
Где - id="box1" - айди самого блока, граница скрытия так сказать
id="boxs1" - айди кнопки скрытия, присваиваем его тому элементу, по нажатию на который блок скроется
Оформлять блок можно как угодно, лишь только правильно присвойте айди нужным тегам.
Простенький пример

На примере покажу как я подключал у себя этот блок, использую я его для предупреждения посетителей, блок находится под шапкой форума, можете протестировать. Вообщем подключаем блок по инструкциям выше, потом создаем блок под шапкой, открываем overall_header.html и в самый конец файла ставим такую конструкцию (инструкция больше подходит к сабсильверу, но это только для примера, даже с пояснениями по HTML коду)

html code

<div id="box1"> /// Начальная граница блока с присвоенным айди
<table width="100%" class="tablebg" cellspacing="0"> /// Создаем таблицу
<tr> /// Создаем строку
<td width="100px" class="row1">/// Создаем ячейку с картинкой 16+
<img src="/16plus.png" alt="16+" />/// Сама картинка 16+
</td> /// Закрываем ячейку
<td align="center" class="row1">/// Создаем ячейку с самим текстом предупреждения
<big>Уважаемые посетители нашего Форума !!! 
В связи с принятием закона <strong>№ 89417-6 "О защите детей от информации, 
причиняющей вред их здоровью и развитию"</strong> 
информируем вас о том, что Форум может содержать материалы и информацию, 
не рекомендованную к просмотру лицам, не достигшим 16 лет. 
Нажимая кнопку <strong>Да, мне есть 16 лет</strong> вы подтверждаете факт
 достижения этого возраста, в противном случае незамедлительно покиньте данный ресурс !!!</big>		
</td> /// Закрываем ячейку
</tr> /// Закрываем строку
<tr> /// Создаем строку для вопроса
<td class="row1" colspan="2"> /// Создаем ячейку для вопроса
<strong><big>Достигли ли вы указанного возраста ???</big></strong> /// Ставим вопрос
</td>/// Закрываем ячейку
</tr> /// Закрываем строку
<tr> /// Создаем строку для кнопок
<td class="row1" > /// Создаем ячейку для первой кнопки, при нажатии на которую скроется блок
<a id="boxs1"  href="#">Да, мне есть 16 лет</a> /// Создаем простую текстовую кнопку и присваиваем ей айди закрытия
</td>/// Закрываем ячейку
<td class="row1"> /// Создаем ячейку для второй кнопки, при нажатии на которую пользователя унесет на статью в Википедии
<a  href="http://ru.wikipedia.org/wiki/Законопроект_№_89417-6" >Нет, мне не исполнилось еще 16 лет</a> /// Создаем простую текстовую 
кнопку с отсылом на Википедию
</td>/// Закрываем ячейку
</tr>/// Закрываем строку
</table>/// Закрываем таблицу
<br style="clear: both;" /> /// Создаем пустой отступ от нижней границы блока
</div> // Конечная граница блока
Собственно ничего сложного в этом нет, успехов :ya_hoo_oo:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение Lorem Ipsum »

А под что ещё можно использовать такой блок? Это я себе на заметку, врядли буду ставить уведомление о возрасте.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#2
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

Под какое либо уведомление или опять таки любое предпреждение))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#3
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение Lorem Ipsum »

А оно будет на всех страницах форума?
Можно сделать, чтобы такой блок был в определённых подфорумах?
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#4
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

Lorem Ipsum писал(а):А оно будет на всех страницах форума?
Как сделаешь так и будет
Lorem Ipsum писал(а):Можно сделать, чтобы такой блок был в определённых подфорумах?
Смотри тему про условия в phpbb3
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#5
Аватара пользователя
hunterkomp
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 86
Стаж: 11 лет 6 месяцев
Откуда: Североморск
Контактная информация:

предупреждение о +16

Сообщение hunterkomp »

подскажите пожалуйста , как реализовать такую же панельку с текстом и кнопкой

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

Уважаемые посетители нашего Форума !!! В связи с принятием закона № 89417-6 "О защите детей от информации, причиняющей вред их здоровью и развитию" информируем вас о том, что Форум может содержать материалы и информацию, не рекомендованную к просмотру лицам, не достигшим 16 лет. Нажимая кнопку Да, мне есть 16 лет вы подтверждаете факт достижения этого возраста, в противном случае незамедлительно покиньте данный ресурс !!!
как у Вас на сайте, с учетом стиля subsilver2.
Спасибо.
#6
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

предупреждение о +16

Сообщение St_roy »

Здесь, вроде
Зри в корень
#7
Аватара пользователя
hunterkomp
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 86
Стаж: 11 лет 6 месяцев
Откуда: Североморск
Контактная информация:

предупреждение о +16

Сообщение hunterkomp »

огромное спасибо!
(когда я научусь пользоваться поиском?...)
#8
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

предупреждение о +16

Сообщение St_roy »

Не за что)
Зри в корень
#9
Аватара пользователя
hunterkomp
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 86
Стаж: 11 лет 6 месяцев
Откуда: Североморск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение hunterkomp »

на этот раз вроде точно по инструкции...
но нет же, опять я где-то накосячил.

в общем выглядит вот так:

Кнопка "да мне 16 " - ни на что не реагирует, пичалька
файл overall_header

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

</script>
<script type="text/javascript" src="/jquery.cookie.js"></script
<script type="text/JavaScript">
$(document).ready(function (){
var box1 = $.cookie('box1')
if(box1 =='none'){
$('#box1').remove();
}
$('#boxs1').click(function() {
$('#box1').slideUp(1000);
$.cookie('box1', 'none', { expires: 365});
});
});
  </script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<div id="wrapheader">

	<div id="logodesc">
		<table width="100%" cellspacing="0">
		<tr>
			<td><a href="{U_PORTAL}">{SITE_LOGO_IMG}</a></td>
			<td><a href="{U_PORTAL}"> </a></td>			
			<td width="150%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
			<td><a href="http://sevro.s07.radio-tochka.com/"><img src="http://sevro.ru/images/hunterimages/radio.gif" /></a></td>
		</tr>
		</table>
<div id="box1">
<table width="100%" class="tablebg" cellspacing="0">
<tr>
<td width="100px" class="row1">
<img src="/images/16plus.png" alt="16 " />
</td>
<td align="center" class="row1">
<big>
В связи с принятием закона <strong>№ 89417-6 "О защите детей от информации, 
причиняющей вред их здоровью и развитию"</strong> 
информируем вас о том, что Форум может содержать материалы и информацию, 
не рекомендованную к просмотру лицам, не достигшим 16 лет. 
Нажимая кнопку <strong>Да, мне есть 16 лет</strong> вы подтверждаете факт
 достижения этого возраста, в противном случае незамедлительно покиньте данный ресурс !!!</big>       
</td>
</tr>
<tr>
<td class="row1" colspan="2">
<strong><big>Достигли ли вы указанного возраста ???</big></strong>
</td>
</tr>
<tr>
<td class="row1" >
<a id="boxs1"  href="#">Да, мне есть 16 лет</a>
</td>
<td class="row1">
<a  href="http://ru.wikipedia.org/wiki/Законопроект_№_89417-6" >Нет, мне не исполнилось еще 16 лет</a>
</td>
</tr>
</table>
<br style="clear: both;" />
</div>
	</div>
так сказать "пугает", то что часть кода отсюда http://hello-vitebsk.ru/viewtopic.php?p=15272#p15272 отображается "черным" и соответственно не работает
Последний раз редактировалось hunterkomp 30 сен 2012, 13:24, всего редактировалось 3 раза.
#10
Аватара пользователя
hunterkomp
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 86
Стаж: 11 лет 6 месяцев
Откуда: Североморск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение hunterkomp »

блин... ну когда же начну смотреть внимательно то????... стыдно ...
нет чтобы нажимать "выделить все" и потом копировать, копирую выделением. и вот результат:

и О ЧУДО! Заработало)))
(п.с. notepad++ все таки сила!!! дает подсветку синтаксиса.)
#11
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

Хех, бывает и такое, ошибка перед глазами, но ее в упор не видишь, поздравляю с успешной установкой :co_ol:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#12
Аватара пользователя
Mori
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 7 лет 5 месяцев

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение Mori »

После скрытия блока при обновлении страницы, участок, что скрыт появляется на 1 сек и сразу исчезает.Как сделать так, что небыло вот этого 1сек-го появления?
#13
Аватара пользователя
wwnet
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 62
Стаж: 10 лет 5 месяцев
Откуда: Украина-воля або смерть.

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение wwnet »

Mori писал(а):После скрытия блока при обновлении страницы, участок, что скрыт появляется на 1 сек и сразу исчезает.Как сделать так, что небыло вот этого 1сек-го появления?
У меня та же проблемма.
И ещё одна. Как удалить белый квадрат, что-то с файлами джава не так....
Чтоб не смотреть на скрин, а "вживую" увидеть, даю ссылку на произвольный раздел. Белый квадрат справа, явно лишний http://tef.co.ua/viewforum.php?f=33
#14
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

$('#box1').slideUp(1000); - в кавычках 1000 уменьшите до нужного значения
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#15
Аватара пользователя
wwnet
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 62
Стаж: 10 лет 5 месяцев
Откуда: Украина-воля або смерть.

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение wwnet »

DeaDRoMeO писал(а):$('#box1').slideUp(1000); - в кавычках 1000 уменьшите до нужного значения
Это в джава файлах? Там такого нет.

Сообщение добавлено... спустя 1 час 10 минут 47 секунд:
А, увидел, в подключении. Уменьшал до 1 и до 0. Не помогло.

Сообщение добавлено... спустя 14 минут 33 секунды:
Ничего не происходит, даже если закоментировать эту строку.
#16
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

А кеш браузера, форума и стиля чистился?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#17
Аватара пользователя
wwnet
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 62
Стаж: 10 лет 5 месяцев
Откуда: Украина-воля або смерть.

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение wwnet »

DeaDRoMeO писал(а):А кеш браузера,
Я им не пользуюсь в данном случае. Смотрю через Яндекс-метрику. Там каждое воспроизведение посещения происходит заново, без кеша.
DeaDRoMeO писал(а):форума и стиля чистился?
Да, чистился.
#18
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение DeaDRoMeO »

Чтото в исходном коде вашего форума я не наблюдаю правок из этой темы
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#19
Аватара пользователя
wwnet
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 62
Стаж: 10 лет 5 месяцев
Откуда: Украина-воля або смерть.

Сворачивающийся блок с запоминанием в куках phpbb3

Сообщение wwnet »

DeaDRoMeO писал(а):Чтото в исходном коде вашего форума я не наблюдаю правок из этой темы
Нету, потому что они не помогли. Сейчас снова исправил 1000 на 100. Бестолку.
#20
Ответить
  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение