| Бармен | Дата: Пятница, 22.01.2016, 21:50 | Сообщение # 1 |
 Подполковник
Группа: Военные
Сообщений: 146
Статус:  |
Если Вы новичок и у Вас есть сайт в системе uCoz, то этот материал для Вас. В данном материале мы будем создавать скрипт простого Ajax окна.
Начнем с обычного окна
Код <a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна');">Ссылка на Ajax окно</a>
Нам нужен вот этот код:
● new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна');
Начинаем разбирать по частях.
● myName - это уникальное название окна. Этот текст нигде не отображается, но используется при работе с такими окнами
● Заголовок окна - это заголовок, который отображается вверху Ajax окна
● 500 - ширина
● 200 - высота
● Здесь находится контент окна - сам контент окна Здесь также могут использоваться HTML коды
Теперь переходим к более сложным действиям - добавим пару фишек
Код <a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'Здесь находится контент окна');">Ссылка на Ajax окно</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] - можно запретить перемещение окна
На этом всё!
|
| |
| |
){kind=link}