Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

2

Как Сделать Предупреждение О Содержании Сайта При Загрузке Главной Страницы?

Автор kalashman, 27 авг. 2012 19:44

Авторизуйтесь для ответа в теме

Сообщений в теме: 12

#1 kalashman

Пользователь

Пользователи
23 сообщений

Отправлено 27 Август 2012 - 19:44

У меня магазин товаров для взрослых. нужно чтобы при заходе на сайт сначала было предупреждение о содержании сайта, мол есть ли 18 лет ДА/НЕТ, ну и при соответствующем нажатии переход либо на главную страницу либо на запрет. Вопрос срочный. Спасибо.

Наверх

#2 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 28 Август 2012 - 23:06

Можно поступить следующим образом.

Код в main.css

.overlay-message {
 right: 0px; 
 top: 0px;
 opacity: 0.7; 
 background: #000; 
 bottom: 0px; 
 left: 0px; 
 position: fixed; 
 z-index: 999;
}

.wrapper-message {
 position: fixed; 
 z-index: 10000; 
 right: 35%; 
 top: 35%; 
 left: 35%; 
 bottom: 35%;
}

.message-box {
 width: 300px; 
 height: 200px; 
 text-align: center; 
 margin: 50px auto 0px; 
 background: #fff
}

Код в шаблон "HTML"

<div class="overlay-message"></div>
<div class="wrapper-message">
  <div class="message-box">
	<p>Cогласны?</p>
	<button id="message-button-success">Согласен</button><button id="message-button-fail">Не согласен</button>
  </div>
</div>

Код в main.js

$(document).redy(function(){
 $('#message-button-fail').click(function(){
	document.location = 'http://google.com';
 });
 $('#message-button-success').click(function(){
	$(this).closest('.wrapper-message').remove();
	$('.overlay-message').remove();
 });
});

Далее стилизуете и корректируете уже на свое усмотрение.

Наверх

#3 kalashman

Пользователь

Пользователи
23 сообщений

Отправлено 29 Август 2012 - 05:44

Vaccina (28 Август 2012 - 23:06) писал:

Можно поступить следующим образом.

Код в main.css

.overlay-message {
 right: 0px; 
 top: 0px;
 opacity: 0.7; 
 background: #000; 
 bottom: 0px; 
 left: 0px; 
 position: fixed; 
 z-index: 999;
}

.wrapper-message {
 position: fixed; 
 z-index: 10000; 
 right: 35%; 
 top: 35%; 
 left: 35%; 
 bottom: 35%;
}

.message-box {
 width: 300px; 
 height: 200px; 
 text-align: center; 
 margin: 50px auto 0px; 
 background: #fff
}

Код в шаблон "HTML"

<div class="overlay-message"></div>
<div class="wrapper-message">
  <div class="message-box">
	<p>Cогласны?</p>
	<button id="message-button-success">Согласен</button><button id="message-button-fail">Не согласен</button>
  </div>
</div>

Код в main.js

$(document).redy(function(){
 $('#message-button-fail').click(function(){
	document.location = 'http://google.com';
 });
 $('#message-button-success').click(function(){
	$(this).closest('.wrapper-message').remove();
	$('.overlay-message').remove();
 });
});

Далее стилизуете и корректируете уже на свое усмотрение.

Спасибо за быстрый ответ! Однако это окно вылетает постоянно при переходе со страницы на страницу и невозможно пользоваться сайтом. Можно сделать чтобы окно это вылетало только на главной странице один раз?

Наверх

#4 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 29 Август 2012 - 23:20

Можно использовать приведенный пример кода http://forum.storela...dpost__p__25076

и отображать только тогда - когда установленной cookie не будет в браузере пользователя.

Наверх

#5 kalashman

Пользователь

Пользователи
23 сообщений

Отправлено 30 Август 2012 - 06:06

Vaccina (29 Август 2012 - 23:20) писал:

Можно использовать приведенный пример кода http://forum.storela...dpost__p__25076

и отображать только тогда - когда установленной cookie не будет в браузере пользователя.

Так же как и предыдущий пользователь столкнулся с проблемой, не работает что-то... хотя маленький код на главной странице вроде как стоит. ( http://oh-yeah.ru/ )
сообщение пока убрал.

Наверх

#6 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 31 Август 2012 - 00:33

Вы не верно вставили код. У вас код

<script>
setCookie('notice', 5);
</script>

вставлен в самое начало документа. Так же присутствует непонятный мусор в виде

<script type="text/javascript">// <![CDATA[
setCookie('notice', 5);
// ]]></script>
<pre class="prettyprint"><span class="tag">
<script type="text/javascript">// <![CDATA[
</span><span class="pln"><br />setCookie</span><span class="pun">(</span><span class="str">'notice'</span><span class="pun">,</span><span class="lit">5</span><span class="pun">);</span><span class="pln"><br /></span><span class="tag">
// ]]></script>
</span></pre>
<pre class="prettyprint"><span class="tag">
<script type="text/javascript">// <![CDATA[
</span><span class="pln"><br />setCookie</span><span class="pun">(</span><span class="str">'notice'</span><span class="pun">,</span><span class="lit">5</span><span class="pun">);</span><span class="pln"><br /></span><span class="tag">
// ]]></script>
</span></pre>

Прочтите указанные темы еще раз более внимательно.

Наверх

#7 kalashman

Пользователь

Пользователи
23 сообщений

Отправлено 01 Сентябрь 2012 - 15:41

Ну значит я не понимаю куда именно нужно вставить этот скрипт.
Объясните, пожалуйста, конкретнее, чтоб я понял :-)

Vaccina (31 Август 2012 - 00:33) писал:

Вы не верно вставили код. У вас код

<script>
setCookie('notice', 5);
</script>

вставлен в самое начало документа. Так же присутствует непонятный мусор в виде

<script type="text/javascript">// <![CDATA[
setCookie('notice', 5);
// ]]></script>
<pre class="prettyprint"><span class="tag">
<script type="text/javascript">// <![CDATA[
</span><span class="pln"><br />setCookie</span><span class="pun">(</span><span class="str">'notice'</span><span class="pun">,</span><span class="lit">5</span><span class="pun">);</span><span class="pln"><br /></span><span class="tag">
// ]]></script>
</span></pre>
<pre class="prettyprint"><span class="tag">
<script type="text/javascript">// <![CDATA[
</span><span class="pln"><br />setCookie</span><span class="pun">(</span><span class="str">'notice'</span><span class="pun">,</span><span class="lit">5</span><span class="pun">);</span><span class="pln"><br /></span><span class="tag">
// ]]></script>
</span></pre>

Прочтите указанные темы еще раз более внимательно.

Наверх

#8 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 04 Сентябрь 2012 - 06:06

Вам необходимо в main.js вместо кода

$(document).redy(function(){
 $('#message-button-fail').click(function(){
	document.location = 'http://google.com';
 });
 $('#message-button-success').click(function(){
	$(this).closest('.wrapper-message').remove();
	$('.overlay-message').remove();
 });
});

будет полностью выглядеть так

function setCookie(name, value, expires, path, domain, secure) {
		if (!name || !value) return false;
		var str = name + '=' + encodeURIComponent(value);
		
		if (expires) str += '; expires=' + expires.toGMTString();
		if (path)	str += '; path=' + path;
		if (domain)  str += '; domain=' + domain;
		if (secure)  str += '; secure';
		
		document.cookie = str;
		return true;
}

function getCookie(name) {
		var pattern = "(?:; )?" + name + "=([^;]*);?";
		var regexp  = new RegExp(pattern);
		
		if (regexp.test(document.cookie))
		return decodeURIComponent(RegExp["$1"]);
		
		return false;
}

function deleteCookie(name, path, domain) {
		setCookie(name, null, new Date(0), path, domain);
		return true;
}

$(document).ready(function(){
 if(!getCookie('notice')) {
   $('.overlay-message').show();
   $('.wrapper-message').show();
 }
 $('#message-button-fail').click(function(){
	document.location = 'http://google.com';
 });
 $('#message-button-success').click(function(){
	$(this).closest('.wrapper-message').remove();
	$('.overlay-message').remove();
	setCookie('notice', 1);
 });
});

Стили

.overlay-message {
 right: 0px; 
 top: 0px;
 opacity: 0.7; 
 background: #000; 
 bottom: 0px; 
 left: 0px; 
 position: fixed; 
 z-index: 999;
}

.wrapper-message {
 position: fixed; 
 z-index: 10000; 
 right: 35%; 
 top: 35%; 
 left: 35%; 
 bottom: 35%;
}

.message-box {
 width: 300px; 
 height: 200px; 
 text-align: center; 
 margin: 50px auto 0px; 
 background: #fff
}

измените на

.overlay-message {
 right: 0px; 
 top: 0px;
 opacity: 0.7; 
 background: #000; 
 bottom: 0px; 
 left: 0px; 
 position: fixed; 
 z-index: 999;
 display: none;
}

.wrapper-message {
 position: fixed; 
 z-index: 10000; 
 right: 35%; 
 top: 35%; 
 left: 35%; 
 bottom: 35%;
 display: none;
}

.message-box {
 width: 300px; 
 height: 200px; 
 text-align: center; 
 margin: 50px auto 0px; 
 background: #fff
}

Наверх

#9 kalashman

Пользователь

Пользователи
23 сообщений

Отправлено 04 Сентябрь 2012 - 12:59

Вот теперь заработало. Спасибо :-)

Наверх

#10 Kurmus

Новичок

Пользователи
2 сообщений

ГородРига

Отправлено 07 Декабрь 2013 - 23:46

Добрий день. Пожалуста подскажите как ето сделать на IP.Board 3.4.6
В конструкторе templates нету таких main.css i main.js

Заранее блогодарен и жму руку

Наверх

#11 miyako

Активный участник

Модератоpы
5 372 сообщений

Отправлено 08 Декабрь 2013 - 09:06

Kurmus (07 Декабрь 2013 - 23:46) писал:

Добрий день. Пожалуста подскажите как ето сделать на IP.Board 3.4.6
В конструкторе templates нету таких main.css i main.js

Заранее блогодарен и жму руку

Уточните Ваш вопрос пожалуйста. Вы не являетесь пользователем Storeland, поэтому у Вас может и не быть файлов main.css и main.js

Наверх

#12 Kurmus

Новичок

Пользователи
2 сообщений

ГородРига

Отправлено 08 Декабрь 2013 - 12:05

miyako (08 Декабрь 2013 - 09:06) писал:

Уточните Ваш вопрос пожалуйста. Вы не являетесь пользователем Storeland, поэтому у Вас может и не быть файлов main.css и main.js

Я создал форум на секс тематику и по закону Латвии как главная страница должна быть Warning 18+
вот как такую сделать я непонимаю
демо тут 18+

Наверх

#13 Сake

Активный участник

Модератоpы
5 979 сообщений

Отправлено 10 Декабрь 2013 - 04:16

Данный форум является форумом технической поддержки только для пользователей storeland.ru. Для решения вашего вопроса - вам необходимо найти тематический для вас форум или же обратиться в службу технической поддержки IP.Board.

Наверх

Обратно в Главная

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Как Сделать Предупреждение О Содержании Сайта При Загрузке Главной Страницы?

Количество пользователей, читающих эту тему: 0

Войти

Google поиск