Создаем Popup окно. Часть 3

Продолжаем серию уроков посвященных созданию popup окна.

В прошлых уроках мы с Вами рисовали дизайн для нашего popup окна, а так же верстали дизайн. В этом уроке займемся программированием popup окна, а так же прикрутим его к WordPress.

Как Вам данный урок? Поделитесь, пожалуйста, в комментариях что Вы думаете о нем.

Комменты

  • Здравсвуйте, Дмитрий!

    Окно выводится, но почему-то все символы в виде ромбиков с вопросами. Не знаете в чём может быть дело?

    • Дмитрий Валак: 22-04-2014 в 7:40

      Здравствуйте, Геннадий. Дело в кодировке. Здесь: http://2develop.ru/contacts внизу есть советы по кодировке

      • Дмитрий, спасибо.
        Перекодировал файл header.php, текст стал нормальным.

        Немного усовершенствовал Ваш скрипт под свои нужды, добавил задержку появления.

        На всякий случай прилагаю)

        Добавлены две строки

        $(document).ready(function(){

        var docHeight = $(document).height();

        setTimeout(function(){
        $(«body»).append(«»);
        $(«#overlay»)
        .height(docHeight)
        .css({
        ‘opacity’ : 0.8,
        ‘position’ : ‘absolute’,
        ‘top’ : 0,
        ‘left’ : 0,
        ‘background’ : ‘black’,
        ‘width’ : ‘100%’,
        ‘z-index’ : 1000
        });

        $(«#popup»).css(«display»,»inherit»);
        }, 7000);

        $(«#popup-close»).click(function(){
        $(«#popup»).css(«display»,»none»);
        $(«#overlay»).css(«display»,»none»);
        });

        });

  • Добрый день,Было бы интересно посмотреть реализацию отправки данных из этого попапа.

  • Здравствуйте, Дмитрий! Отличные уроки, Вы молодец! Еще бы окно появлялось с задержкой, а то пугает даже меня иногда :) Не подскажете, где можно этот таймаут прописать? Заранее благодарю

  • И еще, Дмитрий, не подскажите, как можно сделать, чтобы окно выпадало при закрытии страницы.

  • Здравствуйте, Дмитрий.

    У меня почему-то попап выскакивает после каждого обновления. не подскажите в чем дело.

    • Дмитрий Валак: 17-07-2013 в 11:24

      Здравствуйте. Либо не выдаете куку, либо условие неправильно составлено.

      • Дмитрий, добрый день.
        Та же проблема. При обновлении popup вылазит сразу.
        Пробовал на php из Вашего архива ничего не меняя — всё равно.

  • Я понял после чего такая проблема, это происходит если писать не overlay css, а overlay fadeTo. Скажите почему так? И можно это как то исправить?

    • Дмитрий Валак: 10-07-2013 в 11:57

      Меняйте при клике свойство display на значение none и все будет хорошо.
      Когда fadeTo, popup окно вроде скрыто и мы его не видим, но страницу оно перекрывает.

  • Подскажите, почему после закрытия popup окна у меня становятся не активными ссылки на странице? После этого приходится обновлять стр.

  • Добрый день! Я просмотрел Ваши уроки и у меня немного не получается, не могли бы Вы выложить исходник в текстовой форме?