Ajax окна
О такой полезной штуке как Ajax я уже немного рассказывал в статье «Всплывающая форма входа». Там же, совершенно неожиданной выяснилось, что он (или она — технология, вроде женского рода) помогает экономить. Если у Вас сейчас промелькнула мысль о кошельке с несметными богатствами, то зря — экономится место на сайте и трафик любопытствующих, потому что крупные блоки данных подгружаются в плавающее окно динамически и не требуют постоянной жилплощади. Сегодня я расскажу Вам, как использовать Ajax окна на полную катушку.
Ajax окна без XML
Кто-то подумал: «Приехали... Что за XML?!». Мучайтесь в догадках — прямо сейчас мы о нем говорить не будем. Лучше еще раз рассмотрим функцию _uWnd. Принимает она 6 аргументов:
new _uWnd(
'HelpWd', <!-- Какой-то уникальный ID. Как я его ни менял, никаких поломок не заметил — просто придумайте что-то -–>
'Тест! ', <!-- Заголовок окна -–>
-350, <!-- Эта цифра задает ширину окна. Влияние минуса не зафиксировано -–>
-150, <!-- Начальная высота окна. Изменяется автоматически, если захотел программист -–>
{autosize:1, <!-- Сигнал о желании программиста, которое я упомянул строчкой выше -–>
closeonesc:1, <!-- Позволяет закрыть окошко клавишей Esc -–>
resize:1, <!-- Наделяет смотрящего властью изменять размеры ajax окна -–>
align:'justify', <!-- Метод выравнивания текста -–>
maxh:400 <!-- Максимальная видимая высота окошка — потом появятся полосы прокрутки -–>
},'Это тест' <!-- Сюда пишем текст или HTML по заявкам -–>
)
Меняете текст под себя и прикручиваете вызов к чему-угодно: ссылке, картинке и т.п. Рабочий код представлен в вышеупомянутой статье.
Ajax окна с XML
Уже посмотрели в Википедии, что такое XML? К счастью для большинства, чтобы реализовать задуманное, ничего объемного и сложного учить не придется. Нужно лишь запомнить или записать, одну элементарную структуру.
<ajax>
<cmd p="title">
<![CDATA[<!-- Заголовок окна -->]]>
</cmd>
<cmd p="content">
<![CDATA[<!-- HTML-код -->]]>
</cmd>
</ajax>
Надеюсь, что и куда писать, Вы уже догадались. Сохраните данные в файл с расширением xml и загрузите на сервер. Использовать вот так:
new _uWnd('HelpWd','<!-- Теперь это совершенно бесполезно -->',-350,-150,{autosize:1,closeonesc:1,resize:1,align:'justify',maxh:400},{url:'<!-- Путь к вашему файлу -->'})
В итоге получаем симпатичное ajax окно с нужным содержанем, к тому же данные теперь загружаются не сразу, а только по требованию — динамически. Используйте полученные знания с умом, и да прибудет с Вами сил... упс, ajax!