» » >

Дополнительная информация в ajax окнах uCoz

23.09.2013, 17:34

Решил быстренько написать внеплановую статью:

И так один из моих читателей блога, а именно fereost задал следующий вопрос:

Quote
ТЫ не мог бы дать скрипт (обратная связь в ajax окне)

В целом данное решение подойдёт тем пользователям, которые хотят разместить в ajax окне для ucoz дополнительную информацию (чаты, информеры,баннеры и т.д.) и так начнём...

Шаг 1 - установим JS:

Если вы планируете создавать больше одного ajax окна на своём сайте, то наиболее правильным решением будет создать отдельный js файл, который следует разместить в конце вашей страницы, перед тегом </body> и прописать в нём следующий js код:

JS

function opensvaz(){
  new _uWnd('svaz','Название окна',440,400,{align:'center',shadow:1,header:1,resize:0,autosize:1},$('#feedback').html());
  };

Теперь давайте подробно разберём те параметры, которые вам следует изменить если вы захотите использовать несколько ajax окон uCoz:

opensvaz - говорим ajax окну, что открываем именно окно с обратной связью
svaz - индивидуальное название каждого окна
Обратная связь - название окна которое появляется в самом окне
300,100 - ширина и высота окна
feedback - идентификатор id который мы также пропишем в ссылки

Шаг 2 - установим Html:

Отлично, теперь нам следует разместить на вашей страницы сайта ссылку, которая будет отвечать за появление контейнера div, с нужной информацией в ajax окне и разумеется сам контейнер div:

HTML-Code

<a title="Обратная связь" href="javascript://" onclick="opensvaz();return false;">Название кнопки</a> <div style="display:none;" id="feedback">$MFORM_1$</div>

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

- opensvaz
- feedback

для тех кто не понимает выше написанный текст, ниже размещаю изображение кода ajax окна для ucoz, подсвеченный разным цветом код, обозначает, что значения должны быть одинаковыми в js и html коде, но индивидуальными для каждого ajax окна.

пример кода ajax окна для uCoz

вроде всё разжевал...

Категория: Ajax окна | Добавил: tashkent97
Просмотров: 798 | Загрузок: 0 | Источник: center-dm.ru | Рейтинг: 3.0/2
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<