Нужно сделать окно с предупреждением

Michel700 · 16 декабря 2012

Здравствуйте и всех с наступающим новым годом!

Помогите пожалуйста сделать всплывающее окно как тут или типа того http://ziza.qip.ru/girls.

Готов заплатить.

Порылся в нете ни чего не нарыл полезного.

Спасибо зараннее....

WWW.ZEOS.IN · 16 декабря 2012

Michel700, напишите мне в ICQ и я попробую Вам помочь :rolleyes:

Adobe · 17 декабря 2012

http://jqueryui.com/dialog/#modal

http://jqueryui.com/dialog/#modal-message

Изменено 17 декабря 2012 пользователем WebAdequate

Michel700 · 17 декабря 2012

http://jqueryui.com/dialog/#modal
http://jqueryui.com/.../#modal-message

Спасибо вам огромное очень помогли...

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

Вот код:

<!doctype html>


<html lang="en">

<head>

    <meta charset="utf-8" />

    <title>jQuery UI Dialog - Modal message</title>

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>

    <script src="/resources/demos/external/jquery.bgiframe-2.1.2.js"></script>

    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

    <link rel="stylesheet" href="/resources/demos/style.css" />

    <script>

    $(function() {

	    $( "#dialog-message" ).dialog({

		    modal: true,

		    buttons: {

			    Ok: function() {

				    $( this ).dialog( "close" );

			    }

		    }

	    });

    });

    </script>

</head>

<body>


<div id="dialog-message" title="Download complete">

    <p>

	    <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>

	    Your files have downloaded successfully into the My Downloads folder.

    </p>

    <p>

	    Currently using <b>36% of your storage space</b>.

    </p>

</div>


<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>



</body>

</html>[/html]

Adobe · 18 декабря 2012

https://github.com/carhartl/jquery-cookie

Создание


$.cookie('the_cookie', 'the_value', { expires: 7 });

Чтение


$.cookie('the_cookie'); // => "the_value"

$.cookie('not_existing'); // => null

Michel700 · 18 декабря 2012

Хотя нет, этот вариант не подходит, не подсвечивается обычный код сайта, модальное окно приглушает исходный код.

Это значит про нормальную индексацию можно забыть...

Может есть ещё варианты?

Хотелось бы как здесь. http://ziza.qip.ru/girls/page/10/?

Изменено 18 декабря 2012 пользователем Michel700

Captain · 20 декабря 2012

Картинка:

Стили и код:

<style type="text/css">

.popup {position:relative; z-index:1000; overflow:hidden}

.popupinner {background-color:#fff; border-radius:15px}

.popup .close {position:absolute; top:8px; right:10px; display:block; font-size:14px; color:#a8a8a8; background:url(/templates/shablon/images/close_popup.png) no-repeat 100% 2px; padding-right:28px; text-decoration:none}

.agecontrol {width:670px; padding:55px 30px 50px 30px; color:#585858}

.agecontrol .title {font-size:24px; text-align:center; padding-bottom:36px; color:#444}

.agecontrolbuttons {text-align:center; padding-top:55px}

.agecontrolbuttons A {display:inline-block; width:170px; height:47px; line-height:47px; font-size:20px; color:#fff; text-decoration:none; text-align:center; margin:0 50px; border-radius:15px; box-shadow:0 2px 5px #4c4c4c}

.agecontrolbuttons .yes {background-color:#006edd}

.agecontrolbuttons .no {background-color:#acacac}

</style>


<div class="popup" id="popup_1" style="position: fixed; top: 50%; margin-top: -204.5px; left: 50%; margin-left: -365px; z-index: 1002; display:block;">

	<div class="popupinner">

	<a href="http://mail.ru/" onclick="return true;$('#popup_1').hide();$('#lb_overlay').hide();return false;" class="close">закрыть</a>

	<div class="agecontrol">

	<div class="title">Вам исполнилось 18 лет?</div>

Вы переходите к просмотру материала, предназначенного для лиц старше 18 лет.<br />

Возможно, этот материал окажется для вас оскорбительным или излишне откровенным.<br /><br />

Сервис site.ru не несет ответственности за законность ваших действий при просмотре материала и ущерб любого рода, причененный этим просмотром.<br /><br />

Пожалуйста, подтвердите, что вам исполнилось 18 лет и вы готовы перейти к просмотру.

	<div class="agecontrolbuttons">

	<a href="/" class="yes" onclick="set_agestyle();">Да</a>

	<a href="http://yandex.ru/" class="no">Нет</a>

</div>

</div>

</div>

</div>

Изменено 20 декабря 2012 пользователем Captain

skate505 · 20 декабря 2012

смотри здесь http://www.it-max.ru

Michel700 · 20 декабря 2012

<a href="Здесь мой сайт и где то рядом проблема" class="yes" onclick="set_agestyle();">Да</a>
<a href="http://yandex.ru/" class="no">Нет</a>

Всё встало проблеммы 2 шт:

1. При нажатии на кнопку да, сайт перепрыгиает как прописал вместо "/ - мой сайт" , но сама форма предупреждения не закрывается. Я вчера точно такой же код вырвал у них с сайта с помощью Firebug, думаю что вы сделали тоже самое. Проблема у меня была таже. Не хотелось закрываться окно. Ждём профи может помогут...

2. Не затемняет сам сайт, что выгледит совсем ни как, сливается с самим сайтом, расцветки как родные с формой. Можно конечно поработать с CSS, но как то очень подходит именно эта.

Кто подскажет огромное человеческое спасибо.

Изменено 20 декабря 2012 пользователем Michel700

Michel700 · 20 декабря 2012

Так с фоном разобрался, осталось за малым, окно чтоб закрывалось... Не могу понять где подвох... :angry:

Michel700 · 21 декабря 2012

Проблема повисла в воздухе.... <_<

Lomot · 22 декабря 2012

В чем проблема то? Надо необходимые скрипты скопировать и все. А еще лучше написать самому.

Michel700 · 22 декабря 2012

В чем проблема то? Надо необходимые скрипты скопировать и все. А еще лучше написать самому.

Я не пойму почему окно не закрывается когда жмёшь на кнопку да, скрипт не срабатывает, тут что то не так. Скрипты все скопированны правильно и вставлены в шаблон, всё открывается как надо, но при нажатии да ни чего не происходит! Сам не пойму что за фигня. Я конечно не силён в скрипах, вот и жду помощи....

Вот как у меня на сайте:

<style>

.popup {position:relative; z-index:1000; overflow:hidden}

.popupinner {background-color:#fff; border-radius:15px}

.popup .close {position:absolute; top:8px; right:10px; display:block; font-size:14px; color:#a8a8a8; background:url(/templates/Cmi/css/close_popup.png) no-repeat 100% 2px; padding-right:28px; text-decoration:none}

.agecontrol {width:670px; padding:55px 30px 50px 30px; color:#585858}

.agecontrol .title {font-size:24px; text-align:center; padding-bottom:36px; color:#444}

.agecontrolbuttons {text-align:center; padding-top:55px}

.agecontrolbuttons A {display:inline-block; width:170px; height:47px; line-height:47px; font-size:20px; color:#fff; text-decoration:none; text-align:center; margin:0 50px; border-radius:15px; box-shadow:0 2px 5px #4c4c4c}

.agecontrolbuttons .yes {background-color:#006edd}

.agecontrolbuttons .no {background-color:#acacac}

</style>

<!-- Popup-->

<div class="popup" id="popup_1" style="position: fixed; top: 50%; margin-top: -204.5px; left: 50%; margin-left: -365px; z-index: 1002; display:block;">

<div class="popupinner">

  <a href="/" onclick="return true;$('#popup_1').hide();$('#lb_overlay').hide();return false;" class="close">закрыть</a>

  <script type="text/javascript"><!--

new Image().src = "//counter.yadro.ru/hit?r"+

escape(document.referrer)+((typeof(screen)=="undefined")?"":

";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?

screen.colorDepth:screen.pixelDepth))+";u"+escape("/")+

";"+Math.random();//--></script>"

  <div class="agecontrol">

   <div class="title">Вам исполнилось 18 лет?</div>

   Вы переходите к просмотру материала, предназначенного для лиц старше 18 лет.<br />

   Возможно, этот материал окажется для вас оскорбительным или излишне откровенным.<br /><br />

   Сервис Ziza.qip.ru не несет ответственности за законность ваших действий при просмотре материала и ущерб любого рода, причененный этим просмотром.<br /><br />

   Пожалуйста, подтвердите, что вам исполнилось 18 лет и вы готовы перейти к просмотру.

   <div class="agecontrolbuttons">

	<a href="[b][color=#ff0000]Вот эта строка не работает[/color][/b]" class="yes" onclick="set_agestyle();">Да</a>

	<a href="http://google.com" class="no">Нет</a>

   </div>

  </div>

</div>

</div>

<div class="lb_overlay" id="lb_overlay" style="display:block; height: 20675px; position: absolute; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; background-color: rgb(0, 0, 0); opacity: 0.9; background-position: initial initial; background-repeat: initial initial;"></div>[/html]

Изменено 22 декабря 2012 пользователем Michel700

Lomot · 22 декабря 2012

лучше ссылку на сайт

Michel700 · 22 декабря 2012

лучше ссылку на сайт

Да сайт уже работает давно и без этого, я всё проверяю на локалке, зачем пользователей обламывать...

Хотя на сайте пробовал, тоже не работает...

Тут просто уже дело принципа...

Если вы так хорошо разбераетесь в скриптах, скопируйте себе, вставьте в любой шаблон и попробуйте. Я понимаю вам это совсем не надо,

но с меня будет причитаться, думаю договоримся...

Нужно сделать окно с предупреждением

Рекомендованные сообщения

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

Adobe 111

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Adobe 111

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Captain 623

Ссылка на сообщение

Поделиться на других сайтах

skate505 0

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Lomot 134

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Lomot 134

Ссылка на сообщение

Поделиться на других сайтах

Michel700 19

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению