Содержание
Компактное решение со списком (селектором) почтовых форм, при выборе нужной формы она открывается в аякс (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. Важно помнить, что в скрипте нужно делать уникальный айди для классов:
вот так просто все реализуется.
Автор скрипта: bandjuk
Лицензия: CC BY-SA 4.0
Автор: Юрий Герук
Благодарность автору!
| |
Здравствуй Гость, комментарии могут оставлять только зарегистрированные пользователи, зарегистрируйтесь и поделитесь мнением о материале выше Регистрация или Войти.