Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Форма обратной связи в аякс окне (юВинд / uWnd)
Форма обратной связи в аякс окне (юВинд / uWnd)
Дата: Четверг, 19.05.2011, 18:03 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Читаем материал:
«Форма обратной связи в аякс окне (юВинд / uWnd)»


 
Дата: Четверг, 19.05.2011, 18:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Подробнее:

Вариант 1. Оригинал выше.
В шаблон, или глобальный блок, вставляем вот это:

Quote (Code)
<script type="text/javascript">
function mySensForm(){
new _uWnd('myForm','Обратная связь',440,400,{align:'center',waitimages:3000,fadeclosetype:1,shadow:1,header:1,resize:0,autosize:1},$('#msgForm').html());
};
</script>
<div style="display:none;" id="msgForm">$MFORM_1$</div>

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

По месту, пихаем ссылку с очень простыми параметрами. Можно картинкой.
Ссылка:

Quote (Code)
<a title="Написать администратору" href="javascript://" onclick="mySensForm();return false;">Написать администратору</a>

Где:
Написать администратору - подсказка при наведении. Менять можно.
Написать администратору - содержимое ссылки. Менять можно. Остальное не трогать.
...

Кнопка картинкой:

Quote (Code)
<img onclick="mySensForm();return false;" src="http://likbezz.ru/_theme/_st/img/ico/ajax.gif" width="50" height="20" border="0" alt="" />

Где:
http://likbezz.ru/_theme/_st/img/ico/ajax.gif - ссылка на картинку;
width="50" ... - прочие атрибуты.

Вариант 2. С подгрузкой контента со страницы с формой.
Скрипт - в шаблон или в глобальный блок. Только в виде HTML.

Quote (Code)
<script type="text/javascript">
function mySensForm(el){
new _uWnd('myForm','Обратная связь',440,400,{align:'center',waitimages:3000,fadeclosetype:1,shadow:1,header:1,resize:0,autosize:0,oninit:function(){$.get(el.href,{},function(data){$(' div.myWinCont').html($('#msgForm',data).html());})}},'<img src="http://likbezz.ru/_theme/_st/img/ico/ajax.gif" />');
};
</script>

Где:
Обратная связь - заголовок окна.
440,400 Размеры окна. Менять можно, нужно.
http://likbezz.ru/_theme/_st/img/ico/ajax.gif - ссылка на картинку. Менять можно.
Всё, более в этом скрипте ничего трогать не нужно, если не понимаете что к чему.

Форма:
Саму форму, на странице редактирования содержимого страницы обратной связи, запаковываем форму в блок с ID = msgForm:

Quote
<div id="msgForm">$MFORM_1$</div>

Где:
id="msgForm" - не менять!


....

Вызов окна:
По месту, в виде HTML и только так, добавляем ссылку вида:

Quote (Code)
<a title="Написать администратору" href="http://likbezz.ru/index/0-3" onclick="mySensForm(this);return false;">Написать администратору</a>

Где:
http://likbezz.ru/index/0-3 - ссылка до вашей страницы с обратной формой. !!!
Над шаблоном формы никаких дополнительных действий производить НЕ надо, ни во что упаковывать, ничего лишнего не вставлять.
Написать администратору - подсказка при наведении. Менять можно.
Написать администратору - содержимое ссылки. Менять можно. Остальное не трогать.
...

Прикрепления: 7276384.png (7.2 Kb)

 
Дата: Среда, 03.07.2013, 13:17 |
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


Подскажите как сделать из этой формы 2 формы. Что бы на одной странице открывались формы с $MFORM_1$ и $MFORM_2$. Просто реально не могу найти ответа ни где, уже весь гугл перелопатил.

Добавлено (03.07.2013, 13:17)
---------------------------------------------
Подскажите вот так я правильно написал - это что бы 2 формы были на одной странице

Код
<script type="text/javascript">function mySensFormA(){  
new _uWnd('myForm','Обратная связь',440,400,{align:'center',waitimages:3000,fadeclosetype:1,shadow:1,header:1,resize:0,autosize:1},$('#msgForm').html());  
};  
</script>  
<div style="display:none;" id="msgForm">$MFORM_1$</div>

<script type="text/javascript">function mySensFormB(){  
new _uWnd('myForma','Обратная связь',440,400,{align:'center',waitimages:3000,fadeclosetype:1,shadow:1,header:1,resize:0,autosize:1},$('#msgForma').html());  
};  
</script>  
<div style="display:none;" id="msgForma">$MFORM_2$</div>


 
Дата: Среда, 03.07.2013, 21:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


cpstriker,
Цитата (cpstriker, Ср, 03.07.2013, 13:17:58)
Подскажите вот так я правильно написал - это что бы 2 формы были на одной странице

Не, не совсем.
Вот так:
Код
<script type="text/javascript">function mySensForm(id){     
new _uWnd('myForm','Обратная связь',440,400,{align:'center',waitimages:3000,fadeclosetype:1,shadow:1,header:1,resize:0,autosize:1},$(id).html()?$(id).html():'Errore');};     
</script>
    
Код
<div style="display:none;" id="msgForm1">$MFORM_1$</div>
<div style="display:none;" id="msgForm2">$MFORM_2$</div>

Код
<a title="Написать администратору"  href="javascript://" onclick="mySensForm('#msgForm1');return false;">Написать администратору 1</a>
<a title="Написать администратору"  href="javascript://" onclick="mySensForm('#msgForm2');return false;">Написать администратору 2</a>


http://likbezz.ru/_example/_rest/_2013/p1/function_mySensForm.html


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Форма обратной связи в аякс окне (юВинд / uWnd)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия