Архив

Публикации с меткой «drag drop»

Плавающие окошки

17 Фев 2009

Сегодня мы займемся разработкой плавающих окон на вашем сайте, в вашей системе администрирования или просто — в любом месте.

1. Что такое окошко?

Окошко, это тоже самое окошко (по виду), что и у ОС Windows, KDE оболочки UNIX OC, MAC OS и т.п. то есть, сами знаете что :)

2. Как работает окошко?

Если вы когда-нибуть верстая, программируя на HTML делали

или любой другой объект со стилем позиционирования POSITION: absolute|fixed, то, по сути — вы делали окошки :)
Единственное чего Вам не хватало в этом — так это наверное возможности перетаскивания. Так вот, как только вы привяжете в этому диву возможность таскаться мышкой, у Вас получится полноценное окошко :) так как Вам останется дизайнерски привести его к Вашему виду и все.

3. Некоторые нюансы!

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

4. Что смогут окошки, которые я тут опишу:

Первое что смогут, так это выводить обычные ALERT окошки, с любым кол-вом кнопок, которые Вы можете сами регулировать, передавая их кол-во в виде параметров конструктора окна
Второе — это Ваше окошко может получать контент используя AJAX, т.е. Вы сможете динамически подгружать в контент часть окна нужную Вам информацию (динамически)
Третье — ну естественно — таскание окошек

Для эффекта, у наших окошек будет полупрозрачный бордюр (учтите, что IE версии ниже 7й не поддерживает прозрачные PNG, по этому тестировать лучше в FireFox, в Opere не тестировал, не знаю :) )
Читать полностью...

Сделай сам, Статьи , , ,