Как Сделать Предупреждение О Содержании Сайта При Загрузке Главной Страницы?
#1
Отправлено 27 Август 2012 - 19:44
#2
Отправлено 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
Отправлено 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
Отправлено 29 Август 2012 - 23:20
и отображать только тогда - когда установленной cookie не будет в браузере пользователя.
#5
Отправлено 30 Август 2012 - 06:06
Vaccina (29 Август 2012 - 23:20) писал:
и отображать только тогда - когда установленной cookie не будет в браузере пользователя.
Так же как и предыдущий пользователь столкнулся с проблемой, не работает что-то... хотя маленький код на главной странице вроде как стоит. ( http://oh-yeah.ru/ )
сообщение пока убрал.
#6
Отправлено 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
Отправлено 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
Отправлено 04 Сентябрь 2012 - 06:06
$(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
Отправлено 04 Сентябрь 2012 - 12:59
#10
Отправлено 07 Декабрь 2013 - 23:46
В конструкторе templates нету таких main.css i main.js
Заранее блогодарен и жму руку
#11
Отправлено 08 Декабрь 2013 - 09:06
Kurmus (07 Декабрь 2013 - 23:46) писал:
В конструкторе templates нету таких main.css i main.js
Заранее блогодарен и жму руку
Уточните Ваш вопрос пожалуйста. Вы не являетесь пользователем Storeland, поэтому у Вас может и не быть файлов main.css и main.js
#12
Отправлено 08 Декабрь 2013 - 12:05
miyako (08 Декабрь 2013 - 09:06) писал:
вот как такую сделать я непонимаю
демо тут 18+
#13
Отправлено 10 Декабрь 2013 - 04:16
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных