Форма окна ajax заказа рекламы с калькулятором как на сайте ucozon
Простенькое окно для удобного заказа рекламы в окне ajax
встроенный калькулятор поможет быстрее видеть свои затраты на рекламу. пример работы можно просмотреть на сайте http://ucozon.ru внизу
Форма заказа рекламы вы получаете письмо в почтовый ящик вот в таком виде с указанием IP адреса
удобство и быстрота в отправки, а так же информация ко всем возможностям собраны по минимуму
Установка:
создаем почтовую форму
добавляем в нее поля для заполнения формы вот таким образом, смотрите рисунок
последнее поле Выбор рекламного места * заполняете таким же способом, оно для информации только, смотрите так же рисунок
дальше в код созданной почтовой формы вставляем данный скрипт с кодом и редактируем цены под себя, можно изменять количество поле по своему усмотрению правильно оформив
Code
<script language="javascript" type="text/javascript"> //<!-- // The first depends on the second // autor ucozon.ru var webcalc_dep={ /*'webcalc_111': 'webcalc_3',*/ 'webcalc_111.8': 'webcalc_111', 'webcalc_111.9': 'webcalc_111', 'webcalc_111.10': 'webcalc_111', 'webcalc_111.11': 'webcalc_111', /* 'webcalc_5': 'webcalc_3', 'webcalc_6': 'webcalc_3', 'webcalc_7': 'webcalc_3', 'webcalc_8': 'webcalc_3', 'webcalc_9': 'webcalc_3', 'webcalc_10': 'webcalc_3', 'webcalc_11': 'webcalc_3', 'webcalc_12': 'webcalc_3', 'webcalc_13': 'webcalc_3', 'webcalc_14': 'webcalc_3', 'webcalc_15': 'webcalc_3', 'webcalc_16': 'webcalc_3', 'webcalc_17': 'webcalc_3', 'webcalc_18': 'webcalc_3', 'webcalc_180': 'webcalc_3', 'webcalc_19': 'webcalc_3', 'webcalc_20': 'webcalc_3', 'webcalc_21': 'webcalc_3',*/ 'webcalc_21.0': 'webcalc_21', 'webcalc_21.1': 'webcalc_21', /* 'webcalc_22': 'webcalc_3', 'webcalc_23': 'webcalc_3',*/ 'webcalc_23.0': 'webcalc_23', 'webcalc_23.1': 'webcalc_23', 'webcalc_23.2': 'webcalc_23', 'webcalc_23.3': 'webcalc_23', 'webcalc_23.4': 'webcalc_23', /* 'webcalc_24': 'webcalc_3', 'webcalc_25': 'webcalc_3', 'webcalc_26': 'webcalc_3', 'webcalc_27': 'webcalc_3',*/ 'webcalc_27.0': 'webcalc_27', 'webcalc_27.1': 'webcalc_27', 'webcalc_27.2': 'webcalc_27', 'webcalc_27.3': 'webcalc_27', 'webcalc_27.4': 'webcalc_27', 'webcalc_27.5': 'webcalc_27', 'webcalc_27.6': 'webcalc_27', /* 'webcalc_36': 'webcalc_3', 'webcalc_34': 'webcalc_3', 'webcalc_33': 'webcalc_3', 'webcalc_32': 'webcalc_3',*/ 'webcalc_': '' }; var webcalc_price={ 'webcalc_111.8': 30, 'webcalc_111.9': 60, 'webcalc_111.10': 85, 'webcalc_111.11': 108, 'webcalc_10': 12, 'webcalc_11': 10, 'webcalc_12': 6, 'webcalc_13': -15, 'webcalc_': 0 }; var webcalc_desc={ 'webcalc_111.8': 'на 7 дней заказ рекламы', 'webcalc_111.9': 'на 14 дней заказ рекламы', 'webcalc_111.10': 'на 21 день заказ рекламы', 'webcalc_111.11': 'на 28 дней заказ рекламы', 'webcalc_10': 'Изготовление баннера для вашей рекламы', 'webcalc_11': 'С анимацией', 'webcalc_12': 'Индексация ссылки или баннера', 'webcalc_13': '-15 wmr от суммы если вы VIP', 'webcalc_': '' }; function webcalc_item_mark(n){ if(webcalc_dep[n]!=undefined){ document.getElementById(webcalc_dep[n]).checked=true; webcalc_item_mark(webcalc_dep[n]); } for(var i in webcalc_dep){ var e=document.getElementById(i); if(e!=undefined && webcalc_dep[i] == n && 'radio' == e.type && e.checked)return; } for(var i in webcalc_dep){ var e=document.getElementById(i); if(e!=undefined && webcalc_dep[i] == n && 'radio' == e.type){ e.checked=true; break; } } } function webcalc_item_clear(n){ for(var i in webcalc_dep){ var e=document.getElementById(i); if(e!=undefined && webcalc_dep[i]==n){ e.checked=false; webcalc_item_clear(i); } } } function webcalc_item_click(n){ if(n!='') if(!document.getElementById(n).checked)webcalc_item_clear(n); else webcalc_item_mark(n); var sum=0, list=''; for(var i in webcalc_price){ var e=document.getElementById(i); if(e!=undefined && e.checked){ sum+=webcalc_price[i]; list+=webcalc_desc[i] + ': ' + webcalc_price[i] + ' WMR<br>'; } } var v = (list + '\nИтого: ' + sum + ' WMR.<br>кошелек наш: R540011884700<br>При отправлений WMR указывать свой E-mail').replace (/<br>/g, '\n').replace (/<\/?[a-z]>/g, ''); document.getElementById ('webcalc_textarea').value = v; } function webcalc_reset(){ document.boxes.reset(); webcalc_item_click(''); } //--> </script> <script type="text/javascript"> rekcO = function(){ new _uWnd('myName','Форма заказа рекламного места',460,350,{min:1,shadow:1,header:1,max:1,resize:0},'Существуют 5 рекламных мест на сайте всех страниц, для примера вы можете посмотреть их <a href="http://ucozon.ru/SCRIN5/38tu83808u3o08ut.html" rel="nofollow" target="_blank"> тут</a>.Так же вы можете купить ссылку в место баннера но уже дороже на 8 wmr'); } </script> <center> <div style="display: none"> <input type="text" name="f2" size="30" style="width:95%;" maxlength="70" value="Заказ рекламы на сайте ucozon.ru"></div> <table class="webcalc_table" border="1" cellspacing="0" width="420px" id="table1"> <tr> <td style="padding-left: 8px;" colspan="5"> <center>Выберите место рекламы <a href="javascript://" onclick="rekcO();">[?]</a><font color="red">*</font> <select size="1" name="f5"> <option>Рекламное место №1</option> <option>Рекламное место №2</option> <option>Рекламное место №3</option> <option>Рекламное место №4</option> <option>Рекламное место №5</option> <option>Рекламная ссылка +8 wmr</option> </select></center> </td> </tr> <tbody> <tr> <td width="1%"><input id="webcalc_111" onclick="webcalc_item_click ('webcalc_111')" value="on" name="" type="checkbox"></td> <td colspan="3" width="75%">По дням недели</td> <td> Цена</td> </tr> <tr> <td> </td><td colspan="3" width="80%"> <table width="80%" cellspacing="0"> <tbody> <tr> <td><input id="webcalc_111.8" onclick="webcalc_item_click ('webcalc_111.8')" value="on" name="1" type="radio"></td> <td width="80%">7 дней</td> </tr> </tbody> </table> </td> <td>30 wmr</td> </tr> <tr> <td> </td> <td colspan="3" width="80%"> <table width="80%" cellspacing="0"> <tbody> <tr> <td><input id="webcalc_111.9" onclick="webcalc_item_click ('webcalc_111.9')" value="on" name="1" type="radio"></td> <td width="80%">14 дней</td> </tr> </tbody> </table> </td> <td>60 wmr</td> </tr> <tr> <td> </td> <td colspan="3" width="80%"> <table width="80%" cellspacing="0"> <tbody> <tr> <td><input id="webcalc_111.10" onclick="webcalc_item_click ('webcalc_111.10')" value="on" name="1" type="radio"></td> <td width="80%">21 день скидка 5%</td> </tr> </tbody> </table> </td> <td>85 wmr</td> </tr> <tr> <td> </td> <td colspan="3" width="80%"> <table width="80%" cellspacing="0"> <tbody> <tr> <td><input id="webcalc_111.11" onclick="webcalc_item_click ('webcalc_111.11')" value="on" name="1" type="radio"></td> <td width="80%">28 дней скидка 10%</td></tr> </tbody> </table> </td> <td>108 wmr</td> </tr> <tr> <td width="1%"><input id="webcalc_10" onclick="webcalc_item_click ('webcalc_10')" value="on" name="" type="checkbox"></td> <td colspan="3">Изготовить для вас баннер?</td> <td>12 wmr</td> </tr> <tr> <td width="1%"><input id="webcalc_11" onclick="webcalc_item_click ('webcalc_11')" value="on" name="" type="checkbox"></td> <td colspan="3">С анимацией баннер или без?</td> <td>10 wmr</td> </tr> <tr> <td width="1%"><input id="webcalc_12" onclick="webcalc_item_click ('webcalc_12')" value="on" name="" type="checkbox"></td> <td colspan="3">Индексируемый'ая или нет?</td> <td> 6 wmr</td> </tr> <tr> <td width="1%"><input id="webcalc_13" onclick="webcalc_item_click ('webcalc_13')" value="on" name="" type="checkbox"></td> <td colspan="3"> Для VIP персон </td> <td> -15 wmr</td> </tr></tbody> </table></center> <table width="100%" cellpadding="0" cellspacing="1"> <tbody> <tr> <td align="center"><textarea name="f3" cols="50" rows="5" readonly="readonly" id="webcalc_textarea"></textarea></td> </tr> <tr> <tr> <td align="center"><input type="text" size="66" name="f4" maxlength="200" value="Дополнения к заказу" onfocus="if(this.value=='Дополнения к заказу') this.value='';"></td> </tr> <tr> <td align="center"> <input type="text" name="f1" size="42" maxlength="70" value="Ваш E-mail*(указывать точно!)" onfocus="if(this.value=='Ваш E-mail*(указывать точно!)') this.value='';"> <input type="submit" value="Отправить Заказ"> </tr> </tbody> </table> <script language="javascript" type="text/javascript"> //<!-- webcalc_item_click(''); //--> </script>
с почтовой формой закончили, теперь делаем вывод окна.
создаем новую страницу со своим дизайном удаляем там все и вставляем такой вот код
Code
<html><head> <style type='text/css' media='screen'> #puzadpn {display:none} </style> </head><body><div style="text-align: center;">$MFORM_5$ $POWERED_BY$</div></body></html>
$MFORM_5$ это номер нашей почтовой формы которую мы создали
далее ссылку этой страницы мы вставляем в данный скрипт вывода окна в место ссылки нашей http://ucozon.ru/index/pochtovaja_forma_zakaza_reklamy_v_ajax/0-33
Code
<script type="text/javascript"> rekc = function(){ new _uWnd('myName','Форма заказа рекламного места на ucozon.ru',460,350,{min:1,shadow:1,header:1,max:1,resize:0},'<center><iframe style="width: 450px; height: 413px;" src="http://ucozon.ru/index/pochtovaja_forma_zakaza_reklamy_v_ajax/0-33" &gt;="" width="700" frameborder="0" height="100%" scrolling="no"></iframe></center>'); } </script> <a href="javascript://" onclick="rekc();"><b>Форма заказа рекламы</b></a>
и вставляем этот скрипт в нужное место где вы хотите видеть
Форма заказа рекламы автор mdbaner саит автора ucozon.ru Внимание копировать запрещено без указания кликабельной ссылки на материал
Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 6269
| Комментарии: 17
| Рейтинг: 5.0 /2 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты Разное | Добавил: mdbaner
| Дата: 30.08.2010 | Скачали: 0 | Теги: рекламы , сайт , калькулятором , Форма окна ajax заказ
Похожие новости на нашем сайте