Ошибка в тексте? Выделите ее и нажмите: CTRL+Enter, сообщите об этом.
Компактное решение со списком (селектором) почтовых форм, при выборе нужной формы она открывается в аякс (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
Автор: Юрий Герук
Комментарии