» » >

Всплывающие окна или анкета в AJAX-окнах

22.09.2013, 15:38

Когда я только начал создавать новую версию дизайна своего блога, уже тогда я поставил себе чёткую задачу, изменить все стандарты uCoz, которые только возможны, так сказать выбраться из квадрата ограничений и создать, что-то своё, а не в 1001-раз видеть стандарты uCoz, от который появляется рвотные позывы.

Одно из таких решений, AJAX-окна, в данные всплывающие окна, можно поместить любую информацию, для этого даже существует конструктор AJAX-окон, но тут есть одно но, что во многих случаях переделанная например анкета пользователя или страница с правилами, не будет отображаться как положено или в добавок к этому, может испортится основной дизайн страницы сайта, из-за атрибута xml, поискав в интернете можно найти много решений, как достичь нужного результата, некоторые из них устарели, некоторые отказываются работать, а в некоторых не хватает дописанного кода.

Лично я нашёл только одно нормальное решение данной проблемы, а именно, поместить в AJAX-окна фрейм (iframe) ссылкой на нужную мне страницу, анкета, правила, регистрация и т.д.

Установка:

Для того, чтобы например в окне отображалась анкета пользователя или форма регистрации, заходим в админ панель => Пользователи => Настройки модуля => Персональную страницу пользователя открывать => В текущем окне

теперь устанавливаем ссылку, например на профиль пользователя:

HTML

<a href="javascript://" onclick="new _uWnd('uzer name','Анкета пользователя $USERNAME$ ',600,440,{modal: true,close:true,header:true,nomove: false,fixed:true},'<iframe src=$PROFILE_URL$ name=iframe frameborder=0 width=600px height=440px scrolling=value></iframe>');">Профиль</a>

Давайте разберём основные настройки, чтобы вам легче пришлось изменять ссылку на AJAX-окна:

uzer name - название окна, если вы используете ссылку на страницу правил, то называйте AJAX окно, pravila, анкета- anketa и т.д.

Анкета пользователя - как вы понимаете мы прописываем заголовок, который будет отображаться в AJAX-окне

,600,440, - это размер всплывающего AJAX-окна

width=600px height=440px - это размер фрейма в окне, как правило его лучше делать таким же как размер AJAX-окна, вы можете поэкспериментировать изменить данные значения.

$PROFILE_URL$ - это ссылка на профиль пользователя, обратите внимания, что в информере и в отдельных модулях сайта, данная системная переменная может прописываться иначе, также за место неё можно установить ссылку на html файл, например правила, которые залиты в корень вашего сайта.

На этом всё...

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