<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна');">Я ссылка</a> Нам нужет вот этот код: new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна'); Начинаем разбирать по частях. myName - это уникальное название окошка. Этот текст нигде не отображается, но используется при работе с такими окнами. Заголовок окна - это заголовок, который отображается вверху аякс-окошка 500 - ширина. 200 - высота Здесь находится контент окна - сам контент окна Здесь также могут использоваться html коды. Вот мы и создали первое наше окошко. Теперь переходим к более сложным действиям - добавим пару фишек. И снова разбираем по частям Основа окна не отличается от предыдущего примера, поэтому я не буду снова это писать. Теперь добавился код: {min:1,shadow:1,header:1,max:1,resize:0} Число 0 заменяет слово "Нет" Число 1 заменяет слово "Да" min - отображение кнопки свернуть (у нас стоит число 1, поэтому кнопка отображается) shadow - добавляет тень к окошку header - отображение шапки (где находятся кнопки свернуть, развернуть, закрыть и название окошка) max - отображение кнопки "развернуть" resize - разрешение пользователю изменить размеры окошка (у нас стоит 0, поэтому нельзя изменять размеры окна) Среди возможностей можно добавить еще пару полезных функций: modal[1/0] - модальное окно. Если данная опция включена, то все остальное пространство будет закрыто полупрозрачным слоем nomove[1/0] - Можно запретить перемещение окна. Так же вы можете просто Перейти на http://upanel.biz/index/0-79 для создания ajax-окна! | |
Main (31.01.2012) Мануалы 1249 |