Блог almlex’a

После обновления ajax окна изменились, мы уже умеем делать uWnd alertы и старые ajax окна, теперь научимся новым, uWnd окнам :)

Сразу смотрим в код.

new _uWnd('','Ты нашёл пасхалку!',380,200,{autosize:1,maxh:300,minh:100},'Празднуй!!');

Ты нашёл пасхалку! — имя окошка
380 — ширина
200 — высота
Празднуй!! — текст.
{
autosize:[1/0] — авто изменение ширины/высоты, дефолт — 0.
maxh:xxx — макс. высота.
minH:xxx — мин. высота.
minw:xxx и maxw:xxx — мин. и макс. ширина соответственно.
modal:[1/0] — окно блокирует содержимое сайта.
resize:[1/0] — пользователь может изменять размер окна, дефолт — 1
onclose: — событие на кнопке «закрыть».
}

Вместо текста можно указать {url:'/чтототам.xml'}, в таком случае название окна можно также указать в .xml

.xml должен выглядеть так

<ajax>
<cmd p="title"><![CDATA[Название]]></cmd>
<cmd p="js"><![CDATA[JavaScript]]></cmd>
<cmd p="content">
<![CDATA[Текст, html тоже приемлим.]]>
</cmd>
</ajax>

Заголовок можно не указывать вовсе, но окно после этого не закроется.

Окно с заголовком Окно c данными из xml

UPD: Cпециально для детей младшего школьного возраста неспособных смотреть исходники:

Код первого окна:

<a href="javascript://" onclick="new _uWnd('','Вот это заголовок',380,200,{autosize:1,maxh:300,minh:100},'А это то что все читатют.<br\/>Тут даже можно использовать <i>Html<\/i>.
Вот!');">Окно с заголовком</a>

Код второго окна:

<a href="javascript://" onclick="new _uWnd('',' ',380,200,{autosize:1,maxh:300,minh:100},{url:'/xml/testWnd.xml'});">Окно c данными из xml</a>