• Главная
  • uCoz
  • Список почтовых форм с открытием в ajax (аякс) окне
Список почтовых форм с открытием в ajax (аякс) окне

Список почтовых форм с открытием в ajax (аякс) окне

Компактное решение со списком (селектором) почтовых форм, при выборе нужной формы она открывается в аякс (ajax) окне. Очень удобно и компактно.

Как установить селектор почтовых форм ?

Пример селектора с одной почтовой формой

Итак сам скрипт, вставляется в место, где будет выводится почтовая форма:

<script type="text/javascript">
function openform(){new _uWnd('form','Название',300,100,
{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#form").html() )}
</script>
<div style="display:none;" id="form">$MFORM_1$</div>

красным указан код почтовой формы.

Это код самого списка, помещается там же:

<select NAME="sel">
<option value="1" disabled="disabled" selected="selected" class="size_select">Почтовые формы</option>
<option value="href="javascript:;" onclick="openform();">Почтовая форма</option>
</select>

Селектор на две почтовых формы

Это для 2-х форм:

<script type="text/javascript">
function openform(){new _uWnd('form','Название',300,100,
{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#form").html() )}
</script>
<div style="display:none;" id="form">$MFORM_1$</div>

<script type="text/javascript">
function openform1(){new _uWnd('form1','Название',300,100,
{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#form1").html() )}
</script>
<div style="display:none;" id="form1">$MFORM_2$</div>

<SELECT NAME="sel">
<option value="1" disabled="disabled" selected="selected" class="size_select">Почтовые формы</option>
<option value="href="javascript:;" onclick="openform();">Почтовая форма 1</option>
<option value="href="javascript:;" onclick="openform1();">Почтовая форма 2</option>
</select>

Примечание

Пример описанный выше не ограничивается лишь двумя формами, можно добавить 4 - 5 или 6. Важно помнить, что в скрипте нужно делать уникальный айди для классов:

  • id="form1" - где вместо 1 писать для каждой формы свой;
  • openform1() - где так же 1 для каждой формы должен быть свой;

вот так просто все реализуется.

Автор скрипта: bandjuk

Лицензия: CC BY-SA 4.0

Автор: Юрий Герук

Похожие материалы:
Помогла ли вам статья?
Да Нет
Статья оказалась полезной для 0 человек
avatar
Неужели Ucoz настолько не современный и не желает обновляться, что решения созданные в 2013 году вы пытаетесь представить как современное.
Хотя о чем я. Среди многообразия CMS, Ucoz не входит даже ТОП 50. А так всё хорошо начиналось.
avatar
Решение которое приводится в примере выше, сохраняются мной как полезные, чтобы с временем их не приходилось искать долго или разрабатывать с нуля так как сайты источники имеют свойство умереть или удалиться.

Мы здесь не говорим о современности или нет, вас что-то не в ту сторону немного понесло.
avatar
Всё что я читаю на этом сайте, всё имеет огромную пользу. Я нисколько не умаляю ваш профессионализм, и очень уважаю ваши советы. Мне просто обидно за сам Ucoz. Но здорово, что там есть такие прекрасные люди как вы.
Не принимайте на свой счёт. Жду новых полезностей.