|
|
Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Ajax » Затемнение фона при открытии ajax окна |
Затемнение фона при открытии ajax окна |
Здравствуйте, Уважаемые форумчане. У меня возник вопрос, который волнует меня 2-ой день. Естественно, каждый хочет сделать свой сайт одним из
уникальных ресурсов, и я такой же. Может это непостижимо Юкозу, но возможно ли при открытии ajax окна (например при открытии окна с формой входа), сделать так, что бы задний фон затемнялся? И желательно делался неактивным? Пример всего этого конечно есть в Юкозе, его можно взглянуть при добавлении или изменении материала. Там когда нажимаешь на кнопку "Добавить" и появляется данный эффект. Спасибо, что прочитали. Надеюсь найдутся добрые люди. |
... http://helper.ucoz.ru/publ/coding/ujs/2-1-0-4 ...
... http://likbezz.ru/publ....-1-0-85 ... modal:0 - модальное окно (все остальное пространство закрывается полупрозрачным слоем) Цитата (LokiBoy) но возможно ли при открытии ajax окна (например при открытии окна с формой входа), сделать так, что бы задний фон затемнялся? И желательно делался неактивным? можно то...... это да....... можно..... но я не уверен насчёт того будет ли это работать с формой входа....... Intel Xeon Processor E3 1276 v3 ( 8M Cache 3,60 GHz )
Сообщение отредактировал (__DJ_Саске_Учия__) - Среда, 25 Сен 2013, 00:13:14
|
|
LokiBoy, почитайте в интернете про модальные окна.
вот простой конструктор окон http://upanel.biz/index/0-79 сгенерируйте простое окошко в конструкторе и посмотрите на получившийся код. дальше с тонкостями думаю разберетесь |
Цитата (LokiBoy) а можно ли сделать то же самое с Ajax окнами модальные окна это те же самые Ajax окна..... в которых репутация..... замечания..... и тд...... Intel Xeon Processor E3 1276 v3 ( 8M Cache 3,60 GHz )
|
Цитата (LokiBoy) при открытии окна с формой входа Код <a href="javascript:" onclick="login_ajax();">Вход</a> <script> function login_ajax(){new _uWnd('login_ajax','Форма входа',300,100,{align:1,modal:1,shadow:1,close:1,autosize:0,resize:0}, $("#logins").html() )} </script> <div id="logins" style="display:none;"> $LOGIN_FORM$ </div> Adguard - Рекламы не будет!
|
| |||
| |||