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

Юрий Герук 2020-12-08 1165 3
Список почтовых форм с открытием в 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

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

Похожие материалы:

Комментарии