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

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

Задача

Предположим, что на нашем сайте часто используются разного вида попапы. Все они обладают схожими чертами, их можно открывать в большом количестве, перетаскивать, закрывать. Кроме того различаются активные и неактивные попапы, причем активный расположен поверх остальных и не затенен (хм… я бы сказал, что это уже больше напоминает window-manager).
Вобщем как-то так:


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

Скачиваем backbone.js, jquery, jquery ui, underscore.js и

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

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

Проголосовало 710 человек. Воздержалось 135 человек.

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

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

С сожалением наблюдаю как огромное количество сайтов стало вешать совершенно дебильные консоли на своих страницах которые пробивают огнелиса. Поиск решения серди расширений ни к чему не привел. Yes Popups палит из пушки по воробьям — не пропуская даже target=_blank ссылки. Другие расширения не впечатлили вообще. Может быть плохо искал?

Нид хелп ;]

Данный плагин выводит QIP-подобные окошки в нижнем правом углу сайта. Пример в архиве.

UPD: Онлайн пример.

Вот создал свой первый скин для popup+

На темном фоне:


На светлом фоне:


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

Пожалуйста, отписывайте о найденых ошибках, недоработках и т. д. =) Нужно ли что-то добавить или и так все гут?

Скачать

P.S. Может быть в скором времени напишу подробное руководство как делать скины для миранды на русском языке. Если это кому-то интересно.

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

Для тестирования использовались: FireFox 3 beta 3, Netscape Navigator 9, Internet Explorer 6, Opera 9 и Konqueror 3.5 (тест Safari отдельно, в конце топика). При этом FireFox 3 тестировался в двух конфигурациях: по умолчанию и c TabMixPlus (с разрешением открывать popup-ы в новых окнах). Рабочая среда: KDE 3.5 на Debian.