Опубликована: 26 окт 2011, 02:44
Как отключить всплывающие окна мы рассмотрели, теперь выясним, как сделать всплывающее окно.
Немногие, видя всплывающие подсказки Windows задумывались, что их можно делать самому, а еще меньше людей задалось вопросом – Как сделать всплывающее окно самостоятельно?
Разберем по порядку то, что нам нужно сделать.
В интернете пишут, что чтобы создать всплывающие окна, необходимы специальные библиотеки Java Script – фреймворков. Они бывают разными, вот несколько из них: MooTools, JQueri, Prototype и др.) Но не стоит верить таким сайтам. В этих библиотеках совершенно нет никакой необходимости, если требуется решить только нашу задачу. Нам хватит тех средств, которые имеются в HTML и CSS. Созданные таким образом окна не будут зависеть от настроек браузера, а точнее от того, включена поддержка Java Script или нет.
Код, который требуется для создание окна умещается всего в 2х строках. Первой строкой создается ссылка, при щелчке на которую и всплывает наше окно. Она выглядит следующим образом: «Щелкать здесь!», без кавычек.
Значение onemouseover задает тип курсора, когда наведена мышь. Значение oneclik указывает на то, что при щелчке на ссылку становится видимым скрытый блок PopUp.
Само всплывающее окно размещено во второй строке и выглядит так:
«Текст, отображаемый в всплывающем окне»
Чтобы создаваемое окно всплывало при наведении курсора, необходимо модифицировать первую строку:
«навести мышь сюда!»
Таким образом и выглядит структура кода. А внешний вид окна целиком и полностью зависит от вашей фантазии и тех целей, ради которых он и создавался.
Немногие, видя всплывающие подсказки Windows задумывались, что их можно делать самому, а еще меньше людей задалось вопросом – Как сделать всплывающее окно самостоятельно?
Разберем по порядку то, что нам нужно сделать.
В интернете пишут, что чтобы создать всплывающие окна, необходимы специальные библиотеки Java Script – фреймворков. Они бывают разными, вот несколько из них: MooTools, JQueri, Prototype и др.) Но не стоит верить таким сайтам. В этих библиотеках совершенно нет никакой необходимости, если требуется решить только нашу задачу. Нам хватит тех средств, которые имеются в HTML и CSS. Созданные таким образом окна не будут зависеть от настроек браузера, а точнее от того, включена поддержка Java Script или нет.
Код, который требуется для создание окна умещается всего в 2х строках. Первой строкой создается ссылка, при щелчке на которую и всплывает наше окно. Она выглядит следующим образом: «Щелкать здесь!», без кавычек.
Значение onemouseover задает тип курсора, когда наведена мышь. Значение oneclik указывает на то, что при щелчке на ссылку становится видимым скрытый блок PopUp.
Само всплывающее окно размещено во второй строке и выглядит так:
«Текст, отображаемый в всплывающем окне»
Чтобы создаваемое окно всплывало при наведении курсора, необходимо модифицировать первую строку:
«навести мышь сюда!»
Таким образом и выглядит структура кода. А внешний вид окна целиком и полностью зависит от вашей фантазии и тех целей, ради которых он и создавался.