Dialog Windows
 

Окошки-окошки.

Демо-страница

Что реализовано:

Стандартный функционал (drag and drop, модальное окно)
Внутренний интерфейс для создания форм
Легко настраиваемое офомление

Что ещё нужно:

resizable
Закончить интерфейс для форм (сделать чекбоксы, радио, селекты со своим оформлением)
Работа с AJAX, загрузка содержимого с другой страницы

exec,
кодировку бы добавить на страницу

:-? Diphenyl Oxalate, Всплывающие окна

Неправильно отображается?
Все файлы в utf-8

да ,к кодировке самого файла вопросов нет, но
если нетрудно добавьте

<meta charset="utf-8">

Фуух, как же я намучался с этими проклятыми окошками.

Происходит просто невозможное!

1)

var cursors = "n w s e ne se sw nw".split(" ");
// ...
this.style.cursor = dir == 8 ? "default" : cursors[ dir ] + "-resize";

В dir - число от 0 до 7 (направление ресайза) или 8 (ресайза нет).
То и дело присваивается cursor:undefined-resize, хотя это невозможно!

Делал проверку: if ( !cursors[dir] ) alert(dir); - выводит 8, и присваивает undefined-resize, как так-то?

2)
При добавлении resizable слетела работа с ajax. По идее выводится надпись "Загрузка...", ждём пока загрузится содержимое, надпись убираем, вставляем контент - кидает DOMException: NOT_FOUND_ERR.
Если убрать resizable - баг исчезает. Если resizable есть, но он не используется - бага тоже нет. Но стоит изменить размеры любого обычного окна, и потом открыть ajax-окно, баг появляется.

Как вообще resizable может влиять на ajax?

exec,
с кодировкой лучше стало :) .

непонятный глюк с шириной в ie
Dialog.pop()

строка

Dialog._fx(mainDiv, "width", 0, mainDiv.clientWidth, 300);

не хочет воспринимать mainDiv.clientWidth --- проверял значение - норма - 500 - ставишь 500 принудительно всё ок

Dialog._fx(mainDiv, "width", 0, 500, 300);

рони, какая версия IE?
mainDiv.clientWidth можно заменить на settings.width в принципе, ширина ведь всегда известна.

exec,
ie 11.953.14393.0 - тут глюк
в Microsoft Edge 38.14393.0.0 норма

если так то норма