В этом мануале описывается, как можно создать аякс-окошко для новичка. Для продвинутых пользователей системы есть отдельный материал на хелпере. Начнем сразу с примера:
<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 коды.
Вот мы и создали первое наше окошко. Теперь переходим к более сложным действиям - добавим пару фишек.
<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'Здесь находится контент окна');">Я ссылка</a>
И снова разбираем по частям
Основа окна не отличается от предыдущего примера, поэтому я не буду снова это писать.
Теперь добавился код:
{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] - Можно запретить перемещение окна.
Вот и все.
Рейтинг: 22 (помогла ли Вам эта инструкция: да / нет)
Просмотров: 17367
Комментариев: