Создание ajax-окна
[
Категория:
Скрипты & Код
]
Почти на всех страницах системы Ucoz используются ajax окна. Аякс окна - окна, при загрузке которых идёт подзагрузка опредлённого Java-скрипта, который и отвечает за создание окна. Исходя из этого, данные окна можно создать почти везде. Если созданное Вами ajax-окно не работает, то первым делом надо проверить, действует ли подзагрузка данного JavaScript-файла. Зделать это можно, прописав в шаблоне с установленным ajax-окном нужный javaScript-файл. Вот так:
Code
<script type="text/javascript" src="Путь к файлу"></script>
После обновления системы Ucoz появился один новый вид ajax-окна. openLayerA - это старый файл. openLayerB - новый JavaScript-файл.
Если прописывать устаревший вид openLayerA, то это выполняется следующим кодом:
Code
<a href="javascript:openLayerA('Сюда вписываем название вашего окна - например, ajaxWindow1','Здесь ссылка на страницу, что будет в аякс окне','А здесь находится заголовок самого ajax-окна','Высота в px','Ширина в px','auto'); ">Название, при нажатии на которую будет отркываться само ajax-окно</a>
Как вверху указано, это устарелый вид, поэтому используем openLayerB вариант. Установка новой версии не так легка, особенно для начинающих. Но если все делать шаг за шагом, то установка не предоставит ни малейших проблем. Приступим!
На рабочем столе создаем сперва пустой txt-файл. Отркываем его и копируем туда данный код:
Code
<?xml version="1.0" encoding="UTF-8"?><ajax><cmd t="layerContentID" p="innerHTML"><![CDATA[Вот здесь вписываем будущее содержание ajax-окна, тоесть то, что Вы хотели отобразить в аякс окне - использовать здесь HTML теги разрешаются]]></cmd></ajax>
ID - Вписываем ID (название) ajax-окна латинскими буквами, например ajaxokno. Проверьте внимательно наличие пробелов между layerContent и вашим ID - их не должно быть!
Теперь нажимаем в текстовом редакторе на "Файл" и затем на "Сохранить как...". Но прежде чем сохранять файл, нам нужно выбрать правильную кодировку. Выбираем UTF-8. В "Типе файла" убираем .txt и выбираем "Все файлы". Таким образом мы предотвратим сохранение файла в txt-формате. Затем пишем название файла с окончанием .xml, например ajaxokno.xml. Наш xml-файл готов. Заливаем его на сайт. Теперь приступим к коду, который будет вызывать данный xml-файл:
Code
<a href="javascript://" onclick="openLayerB('Здесь прописываем ID, такое же как и в xml-файле',0,'Здесь ссылка на ваш xml файл','Здесь вписываем заголовок аякс-окна',ширина в px,высота в px,'0','1','1',0,'justify'); return false;">Название, при нажатии на которую будет отркываться само ajax-окно</a>
Ваше ajax-окно готово к использованию!
Есть еще один способ создания ajax-окна, не нуждающийся в xml-файле. Прописывается он вот так:
Code
<a href="javascript://" onclick="new_uWnd('уникальное ID - название латинскими буквами','Заголовок ajax-окна',ширина в px,высота в px,{autosize:1,maxh:300,minh:100},'содержание ajax-окна, то что должно в нем находится - Разрешается использовать HTM теги и подгружать страницы');">Название, при нажатии на которое будет отркываться само ajax-окно</a>
Пример uWnd окошка:
Code
<a href="javascript://" onclick="new_uWnd('okoshko','Информация обо мне',400px,500px,{autosize:1,maxh:300,minh:100},'<font color="red">Меня зовут Александр. Я живу в Германии! Моя страничка famiosoft.ru</font>');">Моя анкета</a>
При копировании материала, ссылка на сайт www.famiosoft.ru обязательна!
Создание ajax-окна
