одальные окна(javascript)
Может кто нибудь подскажет как реализовать модальное окно?
В интернете прочитал про полупрозрачный div, и так далее, но что никак не могу понять до конца как это сделать.
Решение должно работать под FF, IE, и Chrome...
Заранее спасибо.
В интернете прочитал про полупрозрачный div, и так далее, но что никак не могу понять до конца как это сделать.
Решение должно работать под FF, IE, и Chrome...
Заранее спасибо.
Делается элементарно.
1) Создается полупрозрачный слой div, который растягивается на всю страницу (можно сделать за счет position:fixed, width,height 100% )
2) Создается div, который имеет также значение атрибут position: absolute или fixed - этот див и содержит в себе контекст окна.
3) Внутри этого дива (пункт 2) формируем, собственно окно - теги и т.д.
4) Не забываем про z-index, дабы слои лежали поверх содержимого страницы.
Рекомендую не кидаться сразу за JS. Сначала просто реализуйте, чтобы отображалось статичное модальное окно поверх страницы. А потом уже начинайте крутить-вертеть JS и прикручивать свистелки и события.
Мог бы по идее и код готовый кинуть, но это все в другом городе, так что если доберусь к концу след.недели туда, то скину
1) Создается полупрозрачный слой div, который растягивается на всю страницу (можно сделать за счет position:fixed, width,height 100% )
2) Создается div, который имеет также значение атрибут position: absolute или fixed - этот див и содержит в себе контекст окна.
3) Внутри этого дива (пункт 2) формируем, собственно окно - теги и т.д.
4) Не забываем про z-index, дабы слои лежали поверх содержимого страницы.
Рекомендую не кидаться сразу за JS. Сначала просто реализуйте, чтобы отображалось статичное модальное окно поверх страницы. А потом уже начинайте крутить-вертеть JS и прикручивать свистелки и события.
Мог бы по идее и код готовый кинуть, но это все в другом городе, так что если доберусь к концу след.недели туда, то скину
Большое спасибо