Главная » Функционал » Дополнительные функции » О создании Ajax окошек

О создании Ajax окошек

09.07.2009 в 14:09
Автор: klimenkо

В этом мануале описывается, как можно создать аякс-окошко для новичка. Для продвинутых пользователей системы есть отдельный материал на хелпере.


Начнем сразу с примера:

<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] - Можно запретить перемещение окна.


Вот и все.

Рейтинг: 23  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 13505          Комментариев: