Окно предупреждение 18+

 
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1036
Вопрос.
Кто-нибудь делал всплывающее окно с предупреждением что материалы могут что-то там содержать.
Если делали подскажите как, а то что-то не получается сделать ссылку на эту же страницу, где появилось окно.
Заранее спасибо.
Москва объявления
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2606
Это скрипт всплывающего окна с баннером от алавар.
http://instantcms.ru/users/files/download6058.html
Если измените фоновую картинку на картинку с текстом, уберете закрывающий крестик и кнопку "Играть", а вместо "Нет, спасибо", напишите "Подтверждаю что мне больше 18 лет", получится то, что вам нужно.
Редактировалось: 1 раз (Последний: 28 июня 2016 в 16:27)
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 188
Capitan:
Заранее спасибо.
Да пжалста:

Спойлер
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1036
Вставил код,но!
Это немного не то. Надо чтобы:
1-нажимаетДа мне 18 остается на той же странице, запись идет в куки, например месяц
2-при закрытии окна, нажимании куда угодно, пользователя отправляет например на главную, без записи в куки.
Как-то так.
Москва объявления
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1581
Capitan:
Это немного не то. Надо чтобы:
Для этого вам нужна форма(можно и без неё), аякс запрос на сервер и обработчик запроса. Целый модуль получается. smile
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1036
у меня есть вот такой код
Код PHP:
  1.  
  2. <div id="bg_popup">
  3. <div id="popup">
  4. <a id="setCookie" class="close" href="ххххх" title="Закрыть" onclick="document.getElementById('bg_popup').style.display='none'; return false;">Закрыть</a>
  5. <h1>ВНИМАНИЕ!</h1>
  6. <p>Данный сайт может содержать материалы для взрослых.<br>
  7. Чтобы продолжить, подтвердите, что вам уже исполнилось 18 лет.</p>
  8. <p>
  9. <a href="хххххх">Да, мне уже есть 18</a>
  10. <a href="хххххх">Нет, мне нет 18 лет</a>
  11. </p>
  12. </div>
  13. </div>
  14. </div>
  15.  
  16. <script type="text/javascript">
  17. $(document).ready(function(){
  18. $("#setCookie").click(function () {
  19. var date = new Date();
  20. date.setTime(date.getTime() + (60 * 1000));
  21. $.cookie("popup", "", {expires: date} );
  22. $("#bg_popup").hide();
  23. });
  24.  
  25. if ( $.cookie("popup") == null )
  26. {
  27. setTimeout(function(){
  28. $("#bg_popup").show();
  29. }, 2000)
  30. }
  31. else { $("#bg_popup").hide();
  32. }
  33. });
  34. </script>
  35.  
проблема в том, что не пойму как сделать чтобы когда нажимаешь да мне 18 оставаться в этом же контенте
Москва объявления
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2606
Нил™:
Это скрипт всплывающего окна с баннером от алавар.
здесь есть куки раз в день независимо от того какой вариант выбран. Поставьте показывать только гостям и достаточно.
Не, ну можете конечно подождать пока уважаемый Lora, напишет вам модуль)
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1581
Capitan:
проблема в том, что не пойму как сделать чтобы когда нажимаешь да мне 18 оставаться в этом же контенте
А сейчас куда перенаправляет?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1581
Нил™:
здесь есть куки раз в день независимо от того какой вариант выбран.
Как то сомнительно.Так как на #setCookie повешены два onclick.Не уверен 100%, но какой из них срабатывает?Мне думается, что тот который закрывает окно.
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1036
Если кто сможет сделать, готов немного отблагодарить :)
Москва объявления
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1581
Какая ветка?
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 692
Код PHP:
  1.  
  2. <div id="bg_popup">
  3. <div id="popup">
  4. <a class="close" href="/" title="Закрыть">Закрыть</a>
  5. <h1>ВНИМАНИЕ!</h1>
  6. <p>Данный сайт может содержать материалы для взрослых.<br>Чтобы продолжить, подтвердите, что вам уже исполнилось 18 лет.</p>
  7. <p>
  8. <a id="setCookie" href="#">Да, мне уже есть 18</a>
  9. <a href="/">Нет, мне нет 18 лет</a>
  10. </p>
  11. </div>
  12. </div>
  13. <script>
  14. $(function(){
  15. $('#setCookie').click(function(){
  16. $.cookie('popup', '1', {expires: 30});
  17. $('#bg_popup').hide();
  18. });
  19. $('#bg_popup').hide();
  20. if(!$.cookie('popup')){
  21. setTimeout(function(){ $('#bg_popup').show(); }, 2000)
  22. }
  23. });
  24. </script>
  25.  
Skype: pasha--g
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1036
Всем спасибо вот итоговый код. Может что-то и коряво, но главное работает
Код PHP:
  1.  
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <style>
  6. #bg_popup {
  7. background: #000;
  8. height: 100%;
  9. opacity: 0.9;
  10. position: fixed;
  11. width: 100%;
  12. z-index: 100;
  13. top: 0;
  14. left: 0;
  15. }
  16. #popup {
  17. background-color: #fff;
  18. height: 200px;
  19. position: fixed;
  20. color: #f00;
  21. width: 300px;
  22. padding: 2px;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div id="bg_popup">
  28. <div id="popup">
  29. <p style="text-align: right;"><a class="close" href="/" title="Закрыть">Закрыть</a></p>
  30. <h1><p style="text-align: center;">ВНИМАНИЕ!</p></h1>
  31. <p style="text-align: justify;">Данный сайт может содержать материалы для людей старше 18 лет.<br>Чтобы продолжить, подтвердите, что вам уже исполнилось 18 лет.</p>
  32. <p style="text-align: center;">
  33. <a id="setCookie" href="#">Да, мне есть 18 лет</a>
  34. <a href="/">Нет, мне нет 18 лет</a>
  35. </p>
  36. </div>
  37. </div>
  38. <script>
  39. $(function(){
  40. $('#setCookie').click(function(){
  41. $.cookie('popup', '1', {expires: 30});
  42. $('#bg_popup').hide();
  43. });
  44. $('#bg_popup').hide();
  45. if(!$.cookie('popup')){
  46. setTimeout(function(){ $('#bg_popup').show(); }, 2000)
  47. }
  48. });
  49.  
  50. $(function() {
  51. alignCenter($('#popup')); // центрировали окно
  52. $(window).resize(function() {
  53. alignCenter($('#popup')); // центрирование при ресайзе окна
  54. })
  55.  
  56. // функция центрирования
  57. function alignCenter(elem) {
  58. elem.css({
  59. left: ($(window).width() - elem.width()) / 2 + 'px', // получаем координату центра по ширине
  60. top: ($(window).height() - elem.height()) / 2 + 'px' // получаем координату центра по высоте
  61. })
  62. }
  63. })
  64. </script>
  65. </body>
  66. </html>
  67.  
Москва объявления
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: