PopUp - окно всплывающее. Создание и применение всплывающих окон

Вам надоело бесконечное количество всплывающих окон на экране, и вы не знаете, как избавиться от них? Эта статья расскажет вам, как устранить этих «вредителей» в кратчайшие сроки. Данное руководство предназначено для пользователей Windows.

Говоря о том, как убрать всплывающие окна, стоит сразу отметить, что большинство из них могут быть отключены простым нажатием кнопки! Все, что вам нужно сделать - это проигнорировать любые картинки и предложения и сразу же обратить внимание на правый верхний угол такого окна. Там вы найдете кнопку X. Нажмите ее, и появившийся объект исчезнет. Если этого не произойдет - придется использовать другие методы.

Если кнопка закрытия не видна

Некоторые всплывающие окна запрограммированы таким образом, что склонны появляться в увеличенном виде, иногда даже полностью распространяясь за пределы экрана и тем самым закрывая вам доступ ко всему его содержимому, в том числе и к кнопке X. Однако это не должно стать причиной для беспокойства. Как убрать всплывающие окна такого типа? Вы должны переместить курсор мыши на панель задач, расположенную в нижней части экрана. Отсюда вы можете получить доступ ко всем приложениям, запущенным на вашем компьютере. Проще говоря, каждая кнопка на панели задач является открытым окном. Просто определите соответствующую иконку и затем щелкните правой кнопкой мыши по ней, после выберите «Закрыть» из меню. Всплывающее окно должно исчезнуть после этого. Если же эта попытка не привела к положительному результату, вам потребуется использовать более сложные методы. Например, щелкните мышью по полосе, расположенной вверху экрана, а затем нажмите и удерживайте клавиши ALT и F4 . Это позволит вам заблокировать всплывающие окна, каковы бы ни были их настройки.

Если окно "размножается"

Иногда такое неприятное явление принимает более агрессивную форму - при попытке закрыть окно открывается еще большее количество вкладок. От этого можно избавиться только одним способом - при помощи диспетчера задач. Чтобы открыть его, нажмите одновременно CTRL и ALT, и пока обе кнопки находятся в активном состоянии, вы должны нажать Del. Это действие приостановит работу всех приложений, запущенных на компьютере, и запустит меню. Вы должны выбрать в нем вкладку «Запустить Диспетчер задач». Указанная функция всегда имеет приоритет над любой другой программой, поэтому всегда помогает безотказно. Следуя инструкции о том, как убрать всплывающие окна, вы можете сделать это двумя способами - через вкладку «Программы» либо «Процессы». В первом случае вы увидите список всех отдельных окон, открытых на вашем компьютере, и сможете убрать то, что вам не нужно. Другой способ предлагает просмотреть список всех запущенных программ. Прокрутите его и найдите пункт под названием «iexplorer.exe» (или другой, идентичный вашему используемому веб-браузеру). Выберите данный вариант, а затем нажмите кнопку «Завершить процесс». На самом деле это самый действенный способ блокировать всплывающие окна на компьютере.

Защита компьютера

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

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

Это явление может быть трех видов :

Реклама , встроенная владельцем сайта. Нередко она полезна из-за того, что совпадает с тематикой сайта либо взаимосвязана с ней.
Назойливая реклама и спам. Вызвано это явление тем, что компьютер заражен вредоносным вирусом.
Взаимодействия с пользователем . Такие окна встречаются редко, но они важны для полноценной работы с данным сайтом, например окно с капчей для авторизации; диалоговое окно с подтверждением действия или операции; увеличенное изображение.

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

Реклама в Google Chrome

Согласно стандартным настройкам браузер Google Chrome блокирует рекламу, однако эту функцию можно отключить .

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

Запускаем обозреватель Google Chrome;
В правом верхнем углу экрана, находим кнопку «Ещё» и кликаем;
Здесь выбираем меню «Настройки »;
Внизу страницы выбираем пункт «Дополнительные »;
Далее переходим в раздел «Конфиденциальность и безопасность », а затем «Настройки контента »;
Переходим в пункт «Всплывающие окна » и устанавливаем переключатель в нужное положение.

Настраиваем Яндекс браузер

Яндекс.браузер является достаточно новым, но и он снабжен встроенной функцией полной, либо частичной блокировки рекламы.

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

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

Здесь можно включить либо выключить запрет всех просматриваемых сайтов, а также задать список сайтов исключений.

Обозреватель Opera

Обозреватель Opera позволяет производить управление подобной рекламы двумя способами.

Вариант 1 . Необходимо кликнуть в левом верхнем углу на логотип Opera, что раскроет список меню. Здесь понадобится пункт “Настройки ” — “Быстрые ” — “Всплывающие окна ”.

Вариант 2 . В случае, если в браузере включена верхняя строка либо “линейка” основного меню, то к управлению всплывающими окнами можно перейти через меню “Инструменты ”.

Настройки в Mozilla Firefox

Firefox, по умолчанию автоматически, блокирует такую рекламу, однако этой функцией можно управлять. Для этого понадобится пройти путь “Инструменты ” — “Настройки ” — “Содержимое ” — “Блокировать всплывающие окна ”

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

Изменения в Internet Explorer

Internet Explorer является достаточно старым и именно от него многие последующие браузеры переняли рассматриваемую функцию блокировки. Управлять же этим процессом в данном браузере можно следующим образом:

Открываем пункт “Сервис ”, а затем “Свойства браузера ”;
После этого кликаем на “Конфиденциальность ”, потом на “Блокирование всплывающих окон ” и в итоге раскрываем меню “Параметры ”;
Здесь в разделе “Уровень блокировки ” можно выставить нужные параметры.

09.09.14 77K

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

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

На вопрос «как убрать всплывающие окна » ответит эта статья.

Разновидности всплывающих окон

Внезапно всплывающие окна могут быть:

Полезными;
не очень полезными;
вредоносными.

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

Например, с помощью открывшегося окошка программа WOT (Web of Trust ), которая является бесплатной надстройкой к браузеру Mozilla Firefox , предупредит о том, что пользователь собирается открыть сайт с плохой репутацией или опасным содержимым:

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

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

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

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

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

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

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

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

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

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

Как блокировать всплывающие окна?

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

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

Блокировка всплывающих окон в браузере Mozilla Firefox

В верхнем меню браузера нужно щёлкнуть левой кнопкой мыши по пункту Инструменты , а затем выбрать пункт Настройки :

Затем нужно выбрать опцию Содержимое , слева от надписи «Блокирование всплывающих окон » обязательно подставить галочку. Нажать ОК :

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

Блокировка всплывающих окон в Google Chrome

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

Затем нужно выбрать самый нижний пункт «Показать дополнительные настройки »:

Теперь нужно открыть раздел «Личные данные » — «Настройки контента » — «Всплывающие окна ».
И наконец, нужно активизировать надпись «Блокировать всплывающие окна на всех сайтах (рекомендуется )»:

Здесь также возможно «Управление исключениями »: для надёжных, проверенных сайтов следует сделать исключения.

Блокировка всплывающих окон в Opera

Нажать главную кнопку «Opera » слева. Затем выбрать «Настройки » — «Общие настройки »:

Теперь нужно найти надпись «Укажите, как поступать со всплывающими окнами » и выбрать вариант «Блокировать незапрашиваемые »:

Стоит отметить, что в браузере Opera за быструю настройку отвечает клавиатурная клавиша F12 . При её нажатии всплывает окошко, в котором тоже можно задать блокировку:

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

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

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

Всплывающее окно – первое знакомство

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

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

Причем, разработчики сайтов, которые «грешат» всплывающими рекламными окнами, делают все возможное, чтобы вы не смогли его моментально закрыть.

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

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

Всплывающие окна – технология расширения возможностей веб-приложения

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

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

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

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

Всплывающие окна: зло или благо – решать вам

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

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

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

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

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

Сказал и ушел, нарисовав себе в голове такую картину:

Валентин описал функционал, но макет отрисовывать не стал, ведь проект ведется давно и есть UI-кит, так что разработчику достаточно просто собрать все элементы. На следующий день Валентин приходит в офис и видит:

Валентин расстроен, Гоша зол, несколько часов рабочего времени потрачены впустую. То, что хотел Валентин, называется «немодальный поповер», а то, что сделал Гоша – «модальное диалоговое окно». Члены команды не поняли друг друга, так как не пользовались общепринятой терминологией.

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

Модальность

В зависимости от контекста, слово «модальность» может иметь два разных значения. Применительно к интерфейсу в целом, оно подразумевает наличие различных режимов: например, для набора заглавных букв нужно нажать Caps lock, то есть переключить/выбрать другой режим. А когда мы говорим о всплывающих окнах, модальность означает блокирование работы с интерфейсом, до тех пор пока окно не будет закрыто (обычно это выглядит как затемнение фона).

Классификация всплывающих окон

Теперь можно разобрать классификацию:

Alert. Используется, чтобы сообщить об ошибке, либо предупредить пользователя о последствиях действия, которое он собирается совершить. Обычно содержат внутри себя две кнопки, вроде «Сделать что-то» и «Отменить». Алерты чаще всего модальны, то есть блокируют интерфейс позади себя, пока юзер не произведет действие внутри окна. Так как они прерывают работу пользователя, алерты должны использоваться только в крайних случаях. Например, при безвозвратном удалении файла, либо для подтверждения покупки. Хороший алерт всегда имеет информативный текст, поясняющий что произошло и почему это стоит внимания пользователя. В частности, фраза «Произошла ошибка!» — пример плохого алерта, так как не сообщает никакой полезной информации, но если заменить ее на «Соединение отсутствует! Проверьте, подключен ли ваш компьютер к сети», то юзеру станет намного понятнее в чем проблема и как ее решить. Также в хорошем алерте размещают не более двух кнопок, заголовок каждой из которых глаголом описывает действие при нажатии. Например, кнопки «Да» и «Отмена» — вроде бы понятны пользователю, но если переименовать их в «Удалить» и «Отменить», станет намного лучше.

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

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

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

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

Tooltip. Это подсказка, которая отображает дополнительную или справочную информацию. Может появляться либо по наведению курсора на элемент, либо по клику. Тултипы всегда немодальны.

Popover. Если скрестить диалоговое окно и тултип, то получится поповер. Он немодален, за редким исключением, появляется в месте клика и, как правило, имеет стрелку, показывающую на элемент, к которому относится. Используется для того, чтобы получить доступ к дополнительным функциям или разделам. Одновременно на странице может быть открыт только один поповер — при открытии дополнительного, предыдущий закрывается.

В заключение

В данной статье приведена общепринятая классификация всплывающих окон, но в некоторых гайдлайнах можно встретить как дополнения, так и некоторые расхождения: например, где-то popover и tooltip это разные вещи, а где-то – одно и тоже. Главное – придерживаться правил конкретной платформы. Например, в OS X модальное диалоговое окно всегда выезжает сверху и дает ресайзить родительское окно, а в Windows оно всегда появляется посередине и наглухо блокирует родительский интерфейс.