Новые голубые окошки в стиле Windows 7 (без аеро)
Code
<style type="text/css">
@import url('http://www.all-for-kompa.ru/All-For-Kompa/style/win-7/ajax-win.css') all;
</style>
Для начала покажем пример ajax окошка:
вот оно
Вывести его на сайт можно этим кодом:
Code
<a href="javascript://" onclick="new _uWnd('myName','ajax окошко',500,200,{autosize:1,maxh:300,minh:100},' Привет! Я ajax окошко. Меня нарядили в стиль Windows 7');">вот оно</a>
Как видим, оно выводится достаточно просто. Теперь разберём функцию, которая открывает окошко:
Code
new _uWnd(имя, заголовок, ширина, высота, параметры, содержимое)
Имя - это уникальное имя окна. Оно пишется латинскими буквами и нигде не отображается, но необходимо для работы со свойствами окна.
Заголовок - это, собственно говоря, то, что отображается в шапке окна. Можно писать на русском, однако будьте осторожнее с кавычаками.
Ширина и высота окошка выражается в пикселах.
Параметры - а это дополнительные параметры.
Также есть ещё много других параметров, которые не рассмотрены в данной статье
Содержимое - собственно говоря, тот текст, который будет отображён в окне. Имеет параметры:
Функция Значения Описание
url Строка Ссылка на внешний файл
xml Бинарные Обабатывать ли код как xml
type 'GET', 'POST' Метод запроса
cache Бинарные Кешировать ли окно
success Функция Поведение в случае успеха загрузки (например: success:{data:'Успешная загрузка!'})
error Функция Поведение в случае провала загрузки
"А как же подсказочки в нижнем правом углу?" ,- спросите вы. Конечно, мы её сейчас разберём. Она немного попроще:
Code
new _uWnd.alert('Привет', 'Подсказка',{tm:1000})
Показать пример. А вот и синтаксис этой функции:
Code
new _uWnd.alert(содержимое, заголовок, параметры)
Разберём её:
Содержимое - аналогично параметру "Содержимое" в первом случае
Заголовок - аналогично параметру "Заголовок" в первом случае
Параметры - а это дополнительные параметры.
Также доступны функции close, align, icon, name(имя окна), описанные для обычных окон.
Ещё функции для работы с окнами:
Закрывает окошко с нужным именем
Code
_uWnd.header(имя,содержимое)
Заменяет название окна
Code
_uWnd.content(имя,содержимое)
Заменяет содердимое окна
Code
includeJSfile(адрес,id)
Подгружает внешний js файл
Также ещё есть много полезных функций, и не только для работы с окнами. В этой статье рассмотрены самые основные функции и параметры, которые помогут Вам создавать ajax окошки.