Внешние popup окна с рекламой – это ужасные идеи! Все здравомыслящие вебмастера, никогда не посоветуют вам использовать их на сайте. Но, если речь идет о внутренних popup окнах – это полезный элемент, который дает дополнительную информацию, предупреждает, предотвращает, дает возможность выбора и многое другое.

В этом уроке мы создадим простое и красивое popup окно на jquery. Оно будет похоже на то, что используется в twitter. Естественно, вы сможете придать стиль, какой вам по душе.

• Мы хотим, чтобы оно центрировалось на странице сайта, при его выводе.
• Должна быть кнопочка «закрыть», или что-то подобное.
• Когда мы кликнем вне блока – popup окно закроется автоматически.
• Когда окно выведено, страница должна покрываться тенью, чтобы пользователь мог сфокусироваться.

Для реализации popup окна, мы будем использовать CSS и несколько строк jQuery кода, ну и само собой HTML. Заметьте, что для воплощения нашей идеи, не нужно никаких плагинов и дополнительных инструментов, все очень просто и надежно!

Click me X Some Title Goes Here: Some more content, for when you want to add a little bit more

Popup-box { position: absolute; border-radius: 5px; background: #fff; display: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); font-family: Arial, sans-serif; z-index: 9999999; font-size: 14px; } .popup-box .close { position: absolute; top: 0px; right: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer; color: #434343; padding: 20px; font-size: 20px; } .popup-box .close:hover { color: #000; } .popup-box h2 { padding: 0; margin: 0; font-size: 18px; } .popup-box .top { padding: 20px; } .popup-box .bottom { background: #eee; border-top: 1px solid #e5e5e5; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #blackout { background: rgba(0,0,0,0.3); position: absolute; top: 0; overflow: hidden; z-index: 999999; left: 0; display: none; }

Мы определим некоторые другие CSS стили в JavaScript коде. Эти стили требуют дополнительных вычислений, поэтому лучше будет сделать это с помощью jQuery. Давайте перейдем к javascript коду.

Для начала, подключите jQuery файл библиотеки. После чего, инициализируем jQuery и добавляем div #blackout в тело документа. Также определяем ширину popup окна.

$(document).ready(function() { $("body").append(""); var boxWidth = 400;

Далее, создаем функцию, которая центрирует окно. Ранее мы установили absolute позиционирование в CSS, мы не можем использовать margin: 0px auto; нам необходимо определить ширину экрана, отнять от этого ширину popup окна, и все это разделить на 2. Высотой будет текущая позиция скролла, плюс где-то 150px.

Немного ранее мы создавали #blackout div, это для накрытия тенью контента страницы. Теперь нам нужно убедиться, что этот блок будет иметь ширину и высоту идентичную монитору. Это также рассчитывается в этой функции.

function centerBox() { /* определяем нужные данные */ var winWidth = $(window).width(); var winHeight = $(document).height(); var scrollPos = $(window).scrollTop(); /* Вычисляем позицию */ var disWidth = (winWidth - boxWidth) / 2 var disHeight = scrollPos + 150; /* Добавляем стили к блокам */ $(".popup-box").css({"width" : boxWidth+"px", "left" : disWidth+"px", "top" : disHeight+"px"}); $("#blackout").css({"width" : winWidth+"px", "height" : winHeight+"px"}); return false; }

Эта функция должна запускаться 3 раза. Когда пользователь использует скроллинг, когда пользователь изменяет размер окна, также изначально, когда загружается страница.

$(window).resize(centerBox); $(window).scroll(centerBox); centerBox();

В конце, нам нужно установить события кликов. Когда пользователь кликает в область вне окна, оно должно закрыться. Когда пользователь нажал на «X», окно также должно исчезнуть. В случае кликов внутри popup окна, ничего не должно происходить. В коде добавлены комментарии, чтобы проще было разобраться.

$("").click(function(e) { /* Предотвращаем действия по умолчанию */ e.preventDefault(); e.stopPropagation(); /* Получаем id (последний номер в имени класса ссылки) */ var name = $(this).attr("class"); var id = name; var scrollPos = $(window).scrollTop(); /* Корректный вывод popup окна, накрытие тенью, предотвращение скроллинга */ $("#popup-box-"+id).show(); $("#blackout").show(); $("html,body").css("overflow", "hidden"); /* Убираем баг в Firefox */ $("html").scrollTop(scrollPos); }); $("").click(function(e) { /* Предотвращаем работу ссылки, если она являеться нашим popup окном */ e.stopPropagation(); }); $("html").click(function() { var scrollPos = $(window).scrollTop(); /* Скрыть окно, когда кликаем вне его области */ $("").hide(); $("#blackout").hide(); $("html,body").css("overflow","auto"); $("html").scrollTop(scrollPos); }); $(".close").click(function() { var scrollPos = $(window).scrollTop(); /* Скрываем тень и окно, когда пользователь кликнул по X */ $("").hide(); $("#blackout").hide(); $("html,body").css("overflow","auto"); $("html").scrollTop(scrollPos); }); });

На этом, создание popup окна на jQuery завершено! Нам не нужно скачивать плагины и писать сложные функции, всего несколько строк кода. Вы можете скачать исходники и посмотреть, как это работает локально, на вашем компьютере.

PopUP-окно - это всплывающее объявление, предназначенное для привлечения веб-трафика или сбора адресов электронной почты. Такие элементы часто являются формами интернет-рекламы в WorldWideWeb. Как правило, это новые окна, открывающиеся в веб-браузере для показа рекламы. Обычно они генерируются JavaScript с помощью межсайтового скриптинга (XSS), иногда со вторичной полезной нагрузкой и использованием AdobeFlash.

Разновидностью PopUP являются всплывающие объявления, которые открываются в новом окне браузера, скрытом в активном.

Первые всплывающие объявления возникли на хостинге Tripod.com в конце 1990 годов. Этан Цукерман утверждает, что он написал код для запуска рекламы в отдельных окнах в ответ на жалобы на баннерные объявления. Впоследствии разработчик неоднократно приносил свои извинения за неудобства, которые стало причинять его изобретение.

Opera была первым крупным браузером, в который были включены инструменты для блокирования всплывающих окон. Обозреватель Mozilla позже улучшил эти разработки, начав блокировать PopUP-окно, генерируемое при загрузке страницы. В начале 2000-х годов все основные веб-браузеры, кроме Internet Explorer, позволяли пользователю почти полностью убирать нежелательные всплывающие объявления. В 2004 году Microsoft выпустила Windows XP SP2, которая добавила блокировку и в этот обозреватель.

Большинство современных браузеров поставляются с инструментами защиты от всплывающих окон. Сторонние инструменты обычно включают и другие функции, например, фильтрацию объявлений.

Некоторые типы загружаемого контента - изображения, бесплатная музыка и другие - могут вызывать всплывающие окна. Кроме того, они иногда выглядят как обычные веб-страницы, и название сайта будет отображаться в строке поиска. Многие ресурсы используют всплывающие окна для отображения информации, не прерывая открытую в данный момент страницу. Например, если бы вы заполнили форму на веб-странице и нуждались в дополнительном руководстве, PopUP-окно дало бы вам дополнительную информацию, не вызывая потери каких-либо данных, уже введенных в форму. Большинство блокировщиков всплывающих объявлений разрешают такую загрузку.

Но нужно помнить, что некоторые веб-инсталляторы, например, используемые McAfee, применяют всплывающее окно для установки программного обеспечения. На многих интернет-браузерах нажатие клавиши Ctrl при щелчке по ссылке позволит обойти фильтр.

При этом щелчок (даже случайный) по одному всплывающему окну может привести к открытию других.

Комбинация рекламного баннера и всплывающего окна - это «объявление при наведении», которое использует DHTML для отображения на экране поверх контента страницы. С помощью JavaScript объявление может быть наложено поверх веб-страницы в прозрачном слое. Это рекламное объявление может появиться почти во всех случаях, когда этого хочет автор рекламы. Такой скрипт PopUP-окна невозможно заметить заранее. Например, реклама может содержать анимацию AdobeFlash, связанную с сайтом рекламодателя. Она также может выглядеть как обычное окно. Поскольку реклама является частью веб-страницы, ее нельзя заблокировать с помощью блокировщика, но ее открытия можно избежать с помощью сторонних приложений (наподобие AdBlock и AdblockPlus) или с помощью настраиваемых таблиц стилей.

Такое объявление похоже на обычное PopUP-окно, но оно отображается скрытым за основным окном браузера, а не появляется перед ним. Когда всплывающие объявления стали широко распространенными и стали занимать целый экран компьютера, многие пользователи научились немедленно закрывать их не глядя. Поэтому появились PopUNDER, которые не мешают пользователю просматривать содержимое сайта. Они, как правило, остаются незамеченными до тех пор, пока основное окно браузера не будет закрыто или свернуто. Исследования показали, что пользователи лучше реагируют на такую рекламу, чем на всплывающие объявления, поскольку они не выглядят столь назойливо.

В рекламном объявлении задействованы две очень простые функции JavaScript, введенные в 1997 году с помощью браузера Netscape 2.0B3. Эта методология широко используется в Интернете. Современные веб-издатели и рекламодатели используют ее для создания окна перед контентом страницы, загрузки рекламы, а затем отправки его за экран.

Большинство современных браузеров позволяют открывать всплывающее окно PopUP только в том случае, если имеет место какое-либо взаимодействие с пользователем (например, щелчок мыши). Любые неинтерактивные вызовы (обратный вызов по таймеру, события загрузки и т. д.) приведут к блокированию нового окна. Чтобы обойти это ограничение, большинство всплывающих объявлений запускаются при помощи прослушивателя событий мыши, прикрепленного непосредственно к документу или телу документа. Это позволяет зафиксировать все случаи щелчка мыши на странице, которые не были использованы другими обработчиками событий. Например, когда пользователь выделяет текст, щелчок мыши оказывается замечен прослушивателем, прикрепленным к документу. В результате открывается всплывающее окно с использованием вышеуказанного кода.

Пользователи различных сайтов и веб-приложений постоянно сталкиваются с нежелательными всплывающими окнами при пользовании браузером. Обычно такое PopUP-окно убирается с помощью функции «закрыть» или «отменить». Поскольку это типичный ответ пользователя, разработчики стали применять некоторые хитрости. Так, при разработке рекламных сообщений создаются экранные кнопки или элементы управления, похожие на опцию «закрыть» или «отменить». Однако когда пользователь выбирает один из этих вариантов, кнопка выполняет неожиданное или несанкционированное действие (например, открытие нового всплывающего окна или загрузка нежелательного файла в систему пользователя).

Поскольку технологии для веб-дизайна позволяют авторам использовать любой вариант «имитации», некоторые пользователи отказываются кликать или взаимодействовать с любым элементом внутри всплывающего окна вообще.

Иногда URL-адреса перенаправляется на рекламные страницы с помощью функции Background URL redirection. Они иногда открываются в новой вкладке, а затем содержимое старой фоновой вкладки заменяется на рекламные страницы с помощью редиректа. AdblockPlus, uBlock или NoScript не могут блокировать эти всплывающие переадресации. Эту особенность все чаще используют распространители рекламы в поисках способа, как сделать PopUP-окно наиболее активным.

Как убрать рекламу в браузере? В первую очередь проверьте наличие обновлений. Сохранение вашего браузера в актуальном состоянии будет иметь большое значение в борьбе с всплывающими окнами. Большинство обозревателей настроены на автоматическое обновление, но оно может быть отключено. Этот процесс обычно занимает всего несколько минут.

• Firefox: нажмите кнопку с названием приложения в верхнем левом углу. Наведите указатель мыши на «Справка» и выберите «О Firefox». Это откроет окно с информацией о версии обозревателя. Если ваш браузер не будут автоматически загружены и установлены.
• Chrome: нажмите кнопку меню в правом верхнем углу. Выберите «О Chrome» в нижней части, откроется новая вкладка, и браузер проверит наличие обновлений. Если они есть, они будут установлены автоматически.
• Internet Explorer: способ обновления зависит от используемой версии обозревателя. Для более старых вариантов вам нужно будет войти Центр обновления Windows. Для Internet Explorer 10 и 11 вы можете включить автоматические обновления, щелкнув значок Gear и выбрав About Internet Explorer.

Иногда PopUP-окно для сайта и подобное программное обеспечение внедрено слишком глубоко, чтобы его можно было удалить путем обновления. В подобных случаях переустановка или изменение веб-браузера может помочь решить проблему.

Сначала загрузите последнюю версию обозревателя, который вы хотите использовать. Вы можете найти ссылки для скачивания на главной странице каждого приложения.

В этой статье вы узнаете как сделать бойлы своими руками.

Бойл представляет собой ароматизированный шарик яркого цвета, изготовленный на основе растительных и животных ингредиентов с добавлением красителей и усилителей запаха.

По своей плотности бойлы делятся на три типа:

• тонущие
• нейтральные
• плавающие

Для ловли карпа в водоеме с мягким илистым дном тонущие бойлы неприменимы , так как они очень быстро погружаются в ил и делаются незаметными для рыбы. Бойлы нейтральной плавучести подходят лучше, но они располагаются вблизи самого дна и уже через 2-3 часа характерный запах ила и водной растительности лишает бойл его аромата. Этой проблемы можно избежать, используя плавающие бойлы, которые не касаются дна и, таким образом, намного дольше сохраняют свои привлекающие рыбу качества.

Состав плавающих бойлов за редким исключением не отличается от состава обычных. Разница состоит в способе приготовления теста: тонущие бойлы варят, а плавающие запекают в микроволновке. Набор ингредиентов очень разнообразен. Тесто для бойла готовится из сухой компоненты, связующей основы, ароматических добавок и замешивается чаще всего на куриных яйцах или на воде.

Бойл может состоять как из очень питательных веществ, так и из низкокалорийных, но сильно привлекающих рыбу. Если перед ловлей проводилась специальная прикормка с расчетом на долговременное привлечение карпа к данному месту, то подойдут питательные бойлы. Если же рыбак не намерен регулярно возвращаться к данному месту, то ему достаточно просто привлечь рыбу на короткое время, что обеспечивают малопитательные бойлы с сильной ароматизацией.

Животные ингредиенты:

• мясные продукты
• сухая измельченная рыба
• перемолотые кости и мясо животных
• молоко и казеин

Растительные ингредиенты :

• мука пшеничная, соевая, кукурузная
• различные крупы, например, манная
• птичий корм.

Главные преимущества бойла – его запах и цвет. Поэтому кроме вышеописанных ингредиентов в замес нужно добавить вещества, которые усилят его вкусовые и цветовые свойства.

В качестве ароматизаторов хорошо подходят:

• шоколадный порошок
• анисовое или жареное подсолнечное масло
• измельченные семена подсолнечника
• корица
• карри
• чеснок

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

Красители должны быть светлых оттенков, тогда бойл будет легко заметить в сумраке под водой. Рыба хорошо реагирует на яркие цвета – желтый, оранжевый, красный.

Если затем их проварить и просушить несколько дней, то получатся тонущие бойлы. Для того чтобы придать им плавучесть, можно поступить по-разному. Первый вариант состоит в том, что сырые бойлы запекаются в микроволновке при самой высокой температуре до такого состояния, после которого они уже начинают подгорать. Степень плавучести нужно определять, опуская получившийся шарик в стакан с водой. Если бойл тонет или быстро всплывает, то нужно менять его размер. После изготовления бойлов остается только подобрать крючок правильного размера – такой, чтобы не тянул бойл на дно, но и не давал ему совсем всплыть.

Есть и другой подход. Можно использовать пробковый материал :

• Измельчить и добавить его в тесто в качестве сухого ингредиента. Тогда бойлы следует не выпекать, а проварить в кипятке.
• Использовать пробковый шарик в качестве основы. Обернуть его тестом и тоже недолго проварить.
• Просверлить в тонущем бойле отверстие и вставить в него пробковую палочку. Этот способ довольно трудоемкий и требует больше времени, чем два предыдущих.

Бойлы с добавлением пробки отличаются очень хорошей плавучестью, поэтому их нельзя делать большими, максимальный размер — 12-14 мм, иначе даже тяжелый крючок не сможет удержать такой шарик возле дна.

Существует множество вариантов пропорций, в которых смешиваются ингредиенты. Они зависят от активности рыбы, ее вкусовых предпочтений и сезона. Вот несколько несложных рецептов для изготовления бойлов:

• 250 г манной крупы;
• 200 г соевой муки;
• 150 г кукурузной муки;
• 80 г молотого гороха;
• 80 г сухого молока;
• 100 г молотой конопли;
• красители и ароматизаторы;

• Тертый картофель;
• мука и манка в пропорциях 1:1;
• конопляный жмых;
• яйца;
• красители и ароматизаторы;

• 400 г птичьего корма;
• 300 г соевой муки;
• 90 г пшеничной муки;
• 90 г крахмала;
• 90 г молотого арахиса;
• краситель и ароматизаторы;

• стакан молотых семечек;
• 2 стакана соевой муки;
• 4 стакана рыбной;
• 1.5 стакана крупчатки;
• яйца;

• 1.5 стакана птичьего корма;
• 1 стакан соевой муки;
• 0.5 стакана семечек (подсолнечник, конопля, лен);
• 1 стакан крупчатки;
• яйца;

В сложных рецептах смешивается большее число ингредиентов для придания бойлу более насыщенного и изысканного запаха и вкуса. Например, кукуруза, соевая, костная и рыбная мука смешиваются с манкой и птичьим кормом также добавляется масло подсолнечника, яйца, а в качестве добавок используются корица, тмин, чеснок и пищевые красители. Наконец, можно делать бойлы из уже готовых порошкообразных смесей, имеющихся в продаже.

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

Во время кормежки карп имеет привычку сначала ощупывать предполагаемую пищу своими большими чувствительными губами. Почувствовав острый край торчащего крючка, даже заинтересовавшись вначале бойлом, он может поосторожничать и уйти. Чтобы все-таки обмануть рыбу, применяется специальная волосяная оснастка. Она представляет собой тонкий поводок («волос»), к одному концу которого крепится бойл, а к другому – крючок, так что карп, ощупывая ароматный шарик, не натыкается на острие. Заглатывание пищи карп осуществляет путем сильного всасывания: проглатывая бойл, он неизбежно проглотит и тянущийся за ним крючок.

Для изготовления волосяной оснастки понадобится следующее:

• леска-плетенка или тонкий шнур длиной около 20 см;
• крючок на карпа;
• силиконовая трубка;
• стоппер;
• игла-протяжка;

Чтобы сделать волосяную оснастку, нужно выполнить следующее:

После этого волосяная оснастка готова к использованию и ее можно крепить к основной леске

• Простота. Ее можно изготовить без особого труда, причем даже в полевых условиях.
• Надежность. Вероятность того, что вместе с наживкой карп проглотит и крючок очень высока. Она тем выше, чем ближе крючок находится к бойлу, но укорачивая волос, сдвигать их совсем близко не стоит. Это создает риск того, что рыба случайно почувствует колеблющийся в воде крючок и отойдет.
• Безопасность. Этот способ ловли является более гуманным по отношению к рыбе, чем традиционный с насаживанием наживки на крючок. В последнем случае острие вонзается в горло, и после вылова отпускать ее уже не имеет смысла. Крючок, закрепленный на волосе, скорее всего, зацепит карпа за губу, что хотя также болезненно, куда менее опасно.

За 7 лет активного увлечения рыбалкой мною найдены десятки способов улучшить клев. Приведу самые эффективные:

Чтобы изготовить и использовать плавающие бойлы, достаточно:

• Подобрать ингредиенты в зависимости от сезона.
• Следовать той же последовательности действий, что и для обычных бойлов, но либо: Сделать волосяную оснастку и прикрепить к ней бойл. Сделать волосяную оснастку и прикрепить к ней бойл.
  • выполнить другую термическую обработку;
  • использовать пробковый материал;
• Сделать волосяную оснастку и прикрепить к ней бойл.

В этой статье, Anthony Wood расскажет о том, как сделать плавающие (pop-up) бойлы. Вы узнаете из чего они делались ранее и какие сейчас нужны компоненты. Рассказывает Anthony Wood…

Меня много раз просили написать статью по созданию плавающих насадок, так как их мало, или они очень старые. И вот, я наконец-то нашел время…

С чего бы начать? Для начала, расскажу Вам, что в 80-е годы микс для плавающих бойлов был не сложный: 2 унции (1oz ~ 28,3гр) казеината натрия, 2 унции казеината кальция, 1 унция соевого изолята, 1 большое яйцо и 10мл ароматизатора. Это был хороший протеиновый pop-up.

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

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

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

Забросьте около 30 бойлов размером 14мм и включите печь на максимальную мощность. Выключите спустя 2 минуты. По прошествии двух минут, внимательно изучите бойлы на признаки обгорания. Если вне нормально, включите еще на 15 секунд. Снова исследуйте ваши насадки и продолжайте снова, такими 15-секундными интервалами, пока не обнаружите легких признаков обгорания. Это значит, что Вы испарили практически всю воду из насадки. Теперь она будет плавать. Чем дольше вы будете использовать микроволновую печь, тем лучше насадки будут плавать. Если Вы захотите сделать насадки больше 14мм, тогда просто чуть-чуть увеличьте тайминги (например, с 15 секунд до 20-ти) и экспериментируйте.

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

Еще один способ сделать плавающие бойлы — купить готовый плавающий микс от хороших производителей (например, Mainline Baits Polaris или pop-up mix от Richworth/CC Moore). Все эти миксы высококачественные и Вы сделаете хорошие насадки. Один небольшой совет — на каждые 4 столовые ложки микса, добавьте одну столовую ложку яичного альбумина . Это позволит вашему миксу хорошо скатываться.

Итак, сейчас мы с Вами сделаем pop-up mix. Мой любимый pop-up mix… с использованием пробковой крошки. Единственный нюанс — при приготовлении бойлов с пробковой крошкой, исходите не от веса, а от объёма. Я всегда делаю микс ориентируясь на одно яйцо.

• 2 стакана пробковой крошки
• 1 стакан базового микса (имеется ввиду, микс для тонущих бойлов)
• 1/2 стакана яичного альбумина (очень важно, поскольку альбумин помогает связывать микс и бойлы хорошо скатываются)
• 1 большое яйцо
• 5гр сорбата калия, растворенного в 10мл теплой воды (консервант, увеличивающий срок хранения бойлов)
• 5мл концентрированного ароматизатора
• 1 чайная ложка красителя

Если Вы будете использовать другие компоненты, такие как соль, фруктоза, пивные дрожжи, тогда добавьте их в базовый микс и берите стакан базового микса с учетом добавленных компонентов.

Смешайте все сыпучие компоненты. Лучше всего пересыпать все в полиэтиленовый пакет и хорошенько перемешать.

Теперь, взбейте яйцо и добавьте туда жидкие компоненты (сорбат калия и ароматизатор) и краситель. Перемешайте. Постепенно добавляйте сыпучий микс, перемешивая все вместе, пока не получите тесто, которое не липнет к рукам.

Загрузите тесто в пистолет и сделайте колбаски нужного диаметра. Раскатайте их на доске и получите круглые однородные приманки. Если этого нет, тогда скатайте шарики вручную.

Варите по 30 бойлов в течении 2-х минут.

Дайте им высохнуть в течении 48-ми часов, после чего можете расфасовывать их в герметичную тару.

Помните, что плавающие бойлы становятся менее эффективными в глубоких водоемах. Чем глубже место ловли, тем хуже ваша приманка будет отрываться от дна. На глубине более 3-х метров насадка начинает постепенно терять свои плавучие качества и по достижении 9 метров она становится бесполезной.

Надеюсь, Вам понравился этот материал. Если Вы хотите узнать больше, то можете приобрести одну из книг Anthony Wood на сайте

У многих пользователей интернета термин «вплывающее окно » вызывает негативные ассоциации. Перед глазами сразу же «вплывает » картинка того, как при попытке просмотреть на сайте нужную информацию эта гадина закрывает нужный кусок текста. Что еще хуже, если пытаться закрыть его, пользователя зачастую вообще перекидывает на другой ресурс.

Несмотря на такую дурную славу, всплывающие окна могут не только раздражать, но и приносить пользу. Изначально они являются лишь разновидностью диалоговых окон, применяемых в программировании как элементы пользовательского интерфейса.

Они служат для информирования и как средство диалога между пользователем и программой (веб-приложением ). Но, к сожалению, такое негативное отношение многих пользователей к всплывающим окнам во многом оправдано, потому что в сети они применяются в основном для рекламных целей.

• Открывающиеся на переднем плане (pop-up ) – всплывают поверх основного;
• Открывающиеся на заднем плане (pop-under ) – открываются за основным окном.

Последние являются самыми коварными. Они становятся активными и видными для пользователя лишь после закрытия основного. Поэтому определить их источник и вовремя блокировать не удастся.

Из-за повсеместного применения всплывающих окон для нежелательной рекламы в интернете многие разработчики программного обеспечения начали встраивать в свои продукты средства борьбы с ними.

Основной программой для пользования интернетом являются браузер. Поэтому основной способ блокировки действия рекламных окон реализован именно в браузере:

• Internet Explorer – стал последним из всех программных продуктов, в котором была реализована возможность блокировки всплывающей рекламы. Это было сделано лишь в 2004 году;
• Opera – этот продукт стал первым браузером в мире со встроенной функцией блокировки всплывающих окон. Всплывающие окна в Опере можно блокировать, начиная с 2000 года;
• Mozilla Firefox – этот браузер усовершенствовал подход к борьбе с рекламой, который был реализован в Opera . В отличие от него в Мозиле блокируются не вся всплывающая реклама, а лишь та, которая загружается при открытии основного окна.

В современных браузерах система блокировки всплывающих окон настраивается через пользовательский интерфейс. В Хроме , как и в большинстве других браузеров, реализованы возможность включения или отключения блокировки, а также составления списка исключений (доверенных сайтов ):

В веб-программировании для создания всплывающих окон используется несколько технологий. Основным средством их создания пока остается javascript . В его функционале имеется несколько видов диалогов, действие которых похоже на действие всплывающих окон:

• Метод alert() – выводит на экран обычное текстовое сообщение. Чтобы скрыть диалог после прочтения, нужно нажать на кнопку «Ok » внизу окна;
• Метод confirm() – подобен предыдущему методу. Но выводимый им диалог кроме «Ok » снабжен еще и кнопкой «Cancel ». С их помощью пользователь может принять или отказаться от условия, указанного в окне;
• Метод prompt() – служит для вызова еще одной разновидности всплывающего окна javascript . В отличие от упомянутых выше это окно снабжено еще и текстовым полем. В него пользователь может вводить текстовые данные, которые можно присвоить значению нужной переменной.

Действие всех трех методов и вызываемые ими разновидности диалога показаны на изображении:

Но это всего лишь разновидности диалогов. Для создания настоящего всплывающего окна в javascript используется метод open() объекта window .

Вот полный синтаксис метода:

win = window. open (url, name, params) , где:

• url – это адрес страницы, которая откроется в новом окне;
• Name – имя созданного окна. Может быть использовано для дальнейшей обработки в формах (параметр target );
• Params – строка параметров для нового окна. Их полный список можно узнать самостоятельно из документации по javascript.

На изображении ниже показано действие метода и приведен упрощенный скрипт всплывающего окна:

Создается функция f1 , в теле которой реализован вызов метода window. open() . Затем идет вызов этого метода с одним параметром, указывающим адрес страницы, которая откроется в созданном окне. После этого вызывается метод setTimeout() . В качестве параметров ему передается функция f1 и интервал времени, через который откроется новое окно.

Также можно создать всплывающее окно в CSS . Эта возможность была реализована лишь с выходом третьей версии этой технологии. Злоупотреблять этим вариантом не стоит, потому что он будет работать лишь в самых новых версиях браузеров:

Как видно из рисунка, такое модальное окно создано с помощью CSS и html . В отличие от созданных с помощью js это всплывающее окно не удастся передвигать по странице. К тому же его код слишком громоздок, чтобы описывать его в масштабах этой статьи. Но зато такое окно не будет блокироваться браузером.

Совсем не обязательно разрабатывать всплывающее окно самостоятельно. Сейчас для этого создано много бесплатных плагинов на jquery . Подключив один из них, вы получите готовое окно.

Также существует множество плагинов для популярных CMS . В их состав может входить целый набор окон. Дизайн и функционал каждого из них «заточен» под выполнение определенной задачи (регистрация, отправка сообщения и другое ).

Также существует несколько популярных скриптов. Пример одного из них будет приведен ниже. По такому принципу работают всплывающие окна в контакте и других популярных социальных сетях:

Как сделать всплывающее окно на Jquery $(document).ready(function(){ PopUpHide(); }); function PopUpShow(){ $("#window-popup").show(); } function PopUpHide(){ $("#window-popup").hide(); } .box { width: 400px; height: 300px; background-color: #ccc; margin:0px auto; padding:10px; font-size:40px; color: #fff; } .popup { width:100%; min-height:100%; background-color: rgba(0,0,0,0.5); overflow:hidden; position:fixed; top:0px; } .popup .popup-content { margin:40px auto 0px auto; width:200px; height: 80px; padding:10px; background-color: #c5c5c5; border-radius:5px; box-shadow: 0px 0px 10px #000; } Пример всплывающего окна
Показать попап Поздравляю вы сделали всплывающее окно!!! Скрыть попап

Код приведен в варианте «для ленивых ». Вставив его в любой редактор и запустив на выполнение, вы получите готовый пример всплывающего окна на основе jquery .