Как сделать скрипт Ajax окон

DiNo

Дата: Среда, 15.02.2012, 10:39 | Сообщение # 1

Пользователь №: 1

Сообщений: 88

32767

15.02.2012

Почти на всех страницах используется ajax окна, для того чтоб они заргужались надо подключить java скрипт, который непосредственно отвечает за создание окна.

1. Загружаем на свой сайт скрипт openLayerA.js и подключаем его, добавив этот код между тегами ...

2. Cоздём текстовый файл с кодировкой Utf-8 и копируем туда следующее:

Код: Выделить всё

Code

<?xml version="1.0" encoding="UTF-8"?><ajax><cmd t="layerContentID" p="innerHTML"><![CDATA[HTML код или что будет отображаться в ajax]]></cmd></ajax>

Заливаем на сайт файл... Сохраняем ссылку...

3. А Теперь создаем ссылку на наше AJAX ОКНО

Код: Выделить всё

Code

<a style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'/ajax.xml','Пример',250,200,'1','','',0,'justify');return false;">Пример</a>

ID - Уникальное имя для "xml и ссылки", (запоминаем вплоть до регистра), ввод названия только на латинском языке. - /ajax.xml - адрес страницы, которую необходимо загрузить - Пример - название окна - 250 - ширина - 200- высота Цвет окна задаётся в настройках сайта

4. А теперь самое трудное , фантазируем, к примеру на аяксе можно создать ссылку на главной странице в футере сайта о Авторских правах...

5. Для того,чтобы создать два окна делаем точно также, далее я сохранил нижеприведенный код под именем ajax и залил в корень сайта...

Код: Выделить всё

Code

<?xml version="1.0" encoding="UTF-8"?><ajax><cmd t="layerContentqwe" p="innerHTML"><![CDATA[Сдесь будет 1-ое аякс окно]]></cmd><cmd t="layerContentrty" p="innerHTML"><![CDATA[Сдесь будет 2-ое аякс окно]]></cmd></ajax>

6. Создаём ссылку на ajax окно:

Код: Выделить всё

Code

<a style="cursor:pointer;" href="javascript://" onclick="openLayerB('qwe',0,'/ajax','Помощник',340,106,'1','','',0,'justify');return false;">Ссылка 1</a> <a style="cursor:pointer;" href="javascript://" onclick="openLayerB('rty',0,'/ajax','Помощник',340,106,'1','','',0,'justify');return false;">Ссылка2</a>

7. Для тех, кто хочет подключить javascript:

Код: Выделить всё

Code

<?xml version="1.0" encoding="UTF-8"?><ajax><cmd t="layerContentIDСлоя" p="innerHTML"><![CDATA[HTML КОД]]></cmd><cmd t="IDСлоя" p="jsa"><![CDATA[http://САЙТ/КАТАЛОГ/ФАЙЛ.js]]></cmd></ajax>