Попасть в команду портала Новые сообщения Участники Правила форума Поиск RSS

Страница 1 из 11
Архив - только для чтения
Форум Города Дружба » Архив » Архив Сообщений » Простенькое окно для удобного заказа рекламы в окне ajax
Простенькое окно для удобного заказа рекламы в окне ajax
-=ШуРиК=-Дата: Суббота, 11.12.2010, 10:58:27 | Сообщение # 1
Группа: Гл. Модератор
Сообщений: 342
Награды: 1
Репутация: 0

встроенный калькулятор поможет быстрее видеть свои затраты на рекламу. пример работы можно просмотреть на сайте http://ucozon.ru внизу Форма заказа рекламы
вы получаете письмо в почтовый ящик вот в таком виде с указанием IP адреса

удобство и быстрота в отправки, а так же информация ко всем возможностям собраны по минимуму
Установка:
создаем почтовую форму
добавляем в нее поля для заполнения формы вот таким образом, смотрите рисунок

последнее поле Выбор рекламного места * заполняете таким же способом, оно для информации только, смотрите так же рисунок

дальше в код созданной почтовой формы вставляем данный скрипт с кодом и редактируем цены под себя, можно изменять количество поле по своему усмотрению правильно оформив

Code

<script language="javascript" type="text/javascript">
2    //<!--
3    // The first depends on the second
4    // autor ucozon.ru
5    var webcalc_dep={
6   /*'webcalc_111': 'webcalc_3',*/
7   'webcalc_111.8': 'webcalc_111',
8   'webcalc_111.9': 'webcalc_111',
9   'webcalc_111.10': 'webcalc_111',
10   'webcalc_111.11': 'webcalc_111',
11    /* 'webcalc_5': 'webcalc_3',
12   'webcalc_6': 'webcalc_3',
13   'webcalc_7': 'webcalc_3',
14   'webcalc_8': 'webcalc_3',
15   'webcalc_9': 'webcalc_3',
16   'webcalc_10': 'webcalc_3',
17   'webcalc_11': 'webcalc_3',
18   'webcalc_12': 'webcalc_3',
19   'webcalc_13': 'webcalc_3',
20   'webcalc_14': 'webcalc_3',
21   'webcalc_15': 'webcalc_3',
22   'webcalc_16': 'webcalc_3',
23   'webcalc_17': 'webcalc_3',
24   'webcalc_18': 'webcalc_3',
25   'webcalc_180': 'webcalc_3',
26   'webcalc_19': 'webcalc_3',
27   'webcalc_20': 'webcalc_3',
28   'webcalc_21': 'webcalc_3',*/
29   'webcalc_21.0': 'webcalc_21',
30   'webcalc_21.1': 'webcalc_21',
31    /* 'webcalc_22': 'webcalc_3',
32   'webcalc_23': 'webcalc_3',*/
33   'webcalc_23.0': 'webcalc_23',
34   'webcalc_23.1': 'webcalc_23',
35   'webcalc_23.2': 'webcalc_23',
36   'webcalc_23.3': 'webcalc_23',
37   'webcalc_23.4': 'webcalc_23',
38    /* 'webcalc_24': 'webcalc_3',
39   'webcalc_25': 'webcalc_3',
40   'webcalc_26': 'webcalc_3',
41   'webcalc_27': 'webcalc_3',*/
42   'webcalc_27.0': 'webcalc_27',
43   'webcalc_27.1': 'webcalc_27',
44   'webcalc_27.2': 'webcalc_27',
45   'webcalc_27.3': 'webcalc_27',
46   'webcalc_27.4': 'webcalc_27',
47   'webcalc_27.5': 'webcalc_27',
48   'webcalc_27.6': 'webcalc_27',
49    /* 'webcalc_36': 'webcalc_3',
50   'webcalc_34': 'webcalc_3',
51   'webcalc_33': 'webcalc_3',
52   'webcalc_32': 'webcalc_3',*/
53   'webcalc_': ''
54   };
55    
56    var webcalc_price={
57   'webcalc_111.8': 30,
58   'webcalc_111.9': 60,
59   'webcalc_111.10': 85,
60   'webcalc_111.11': 108,
61   'webcalc_10': 12,
62   'webcalc_11': 10,
63   'webcalc_12': 6,
64   'webcalc_13': -15,
65   'webcalc_': 0
66   };
67    var webcalc_desc={
68   'webcalc_111.8': 'на 7 дней заказ рекламы',
69   'webcalc_111.9': 'на 14 дней заказ рекламы',
70   'webcalc_111.10': 'на 21 день заказ рекламы',
71   'webcalc_111.11': 'на 28 дней заказ рекламы',
72   'webcalc_10': 'Изготовление баннера для вашей рекламы',
73   'webcalc_11': 'С анимацией',
74   'webcalc_12': 'Индексация ссылки или баннера',
75   'webcalc_13': '-15 wmr от суммы если вы VIP',
76   'webcalc_': ''
77   };
78    function webcalc_item_mark(n){
79   if(webcalc_dep[n]!=undefined){
80   document.getElementById(webcalc_dep[n]).checked=true;
81   webcalc_item_mark(webcalc_dep[n]);
82   }
83   for(var i in webcalc_dep){
84   var e=document.getElementById(i);
85   if(e!=undefined && webcalc_dep[i] == n && 'radio' == e.type && e.checked)return;
86   }
87   for(var i in webcalc_dep){
88   var e=document.getElementById(i);
89   if(e!=undefined && webcalc_dep[i] == n && 'radio' == e.type){
90   e.checked=true;
91   break;
92   }
93   }
94   }
95    function webcalc_item_clear(n){
96   for(var i in webcalc_dep){
97   var e=document.getElementById(i);
98   if(e!=undefined && webcalc_dep[i]==n){
99   e.checked=false;
100   webcalc_item_clear(i);
101   }
102   }
103   }
104    function webcalc_item_click(n){
105   if(n!='')
106   if(!document.getElementById(n).checked)webcalc_item_clear(n);
107   else webcalc_item_mark(n);     
108   var sum=0, list='';
109   for(var i in webcalc_price){
110   var e=document.getElementById(i);
111   if(e!=undefined && e.checked){
112   sum+=webcalc_price[i];
113   list+=webcalc_desc[i] + ': ' + webcalc_price[i] + ' WMR<br>';
114   }
115   }
116   var v = (list + '\nИтого: ' + sum + ' WMR.<br>кошелек наш: R540011884700<br>При отправлений WMR указывать свой E-mail').replace (/<br>/g, '\n').replace (/<\/?[a-z]>/g, '');
117   document.getElementById ('webcalc_textarea').value = v;
118   }
119    function webcalc_reset(){
120   document.boxes.reset();
121   webcalc_item_click('');
122   }
123    //-->
124    </script>
125    <script type="text/javascript">
126    rekcO = function(){
127    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');
128    }
129    </script>
130    <center>
131    <div style="display: none">
132    <input type="text" name="f2" size="30" style="width:95%;" maxlength="70" value="Заказ рекламы на сайте ucozon.ru"></div>
133   <table class="webcalc_table" border="1" cellspacing="0" width="420px" id="table1">
134   <tr><td style="padding-left: 8px;" colspan="5">
135   <center>Выберите место рекламы <a href="javascript://" onclick="rekcO();">[?]</a><font color="red">*</font>
136    <select size="1" name="f5">
137    <option>Рекламное место №1</option>     
138    <option>Рекламное место №2</option>     
139    <option>Рекламное место №3</option>     
140    <option>Рекламное место №4</option>     
141    <option>Рекламное место №5</option>
142    <option>Рекламная ссылка +8 wmr</option>
143    </select></center></td></tr><tbody><tr>
144   <td width="1%"><input id="webcalc_111" onclick="webcalc_item_click ('webcalc_111')" value="on" name="" type="checkbox"></td>
145   <td colspan="3" width="75%">По дням недели</td>
146   <td> Цена</td></tr><tr>
147   <td> </td><td colspan="3" width="80%">
148   <table width="80%" cellspacing="0"><tbody><tr>
149   <td><input id="webcalc_111.8" onclick="webcalc_item_click ('webcalc_111.8')" value="on" name="1" type="radio"></td>
150   <td width="80%">7 дней</td>
151   </tr></tbody></table></td><td>30  wmr</td></tr><tr><td> </td>
152   <td colspan="3" width="80%">
153   <table width="80%" cellspacing="0">
154   <tbody><tr>
155   <td><input id="webcalc_111.9" onclick="webcalc_item_click ('webcalc_111.9')" value="on" name="1" type="radio"></td>
156   <td width="80%">14 дней</td>
157   </tr></tbody>
158   </table></td><td>60  wmr</td>
159   </tr><tr><td> </td><td colspan="3" width="80%">
160   <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>
161   <td width="80%">21 день скидка 5%</td>
162    </tr></tbody></table></td><td>85  wmr</td></tr><tr><td> </td>
163   <td colspan="3" width="80%"><table width="80%" cellspacing="0"><tbody><tr>
164   <td><input id="webcalc_111.11" onclick="webcalc_item_click ('webcalc_111.11')" value="on" name="1" type="radio"></td>
165   <td width="80%">28 дней скидка 10%</td></tr></tbody></table></td>
166   <td>108 wmr</td>
167   </tr><tr>
168   <td width="1%"><input id="webcalc_10" onclick="webcalc_item_click ('webcalc_10')" value="on" name="" type="checkbox"></td>
169   <td colspan="3">Изготовить для вас баннер?</td>
170   <td>12  wmr</td>
171   </tr>
172   <tr>
173   <td width="1%"><input id="webcalc_11" onclick="webcalc_item_click ('webcalc_11')" value="on" name="" type="checkbox"></td>
174   <td colspan="3">С анимацией баннер или без?</td>
175   <td>10  wmr</td>
176   </tr>
177   <tr>
178   <td width="1%"><input id="webcalc_12" onclick="webcalc_item_click ('webcalc_12')" value="on" name="" type="checkbox"></td>
179   <td colspan="3">Индексируемый'ая или нет?</td>
180       
181   <td> 6    wmr</td>
182   </tr><tr>
183   <td width="1%"><input id="webcalc_13" onclick="webcalc_item_click ('webcalc_13')" value="on" name="" type="checkbox"></td>
184   <td colspan="3"> Для VIP персон </td>
185   <td> -15 wmr</td>
186    </tr></tbody></table></center>
187    <table width="100%" cellpadding="0" cellspacing="1">
188   <tbody><tr>
189   <td align="center"><textarea name="f3" cols="50" rows="5" readonly="readonly" id="webcalc_textarea"></textarea></td>
190   </tr><tr><tr>
191   <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">
192    <input type="text" name="f1" size="42" maxlength="70" value="Ваш E-mail*(указывать точно!)" onfocus="if(this.value=='Ваш E-mail*(указывать точно!)') this.value='';">
193    <input type="submit" value="Отправить Заказ">
194   </tr></tbody></table>
195    <script language="javascript" type="text/javascript">
196    //<!--
197    webcalc_item_click('');
198    //-->
199    </script>

с почтовой формой закончили, теперь делаем вывод окна.
создаем новую страницу со своим дизайном удаляем там все и вставляем такой вот код

Code

1    <html><head>
2    <style type='text/css' media='screen'>
3    #puzadpn {display:none}     
4    </style>
5    </head><body><div style="text-align: center;">$MFORM_5$
6    $POWERED_BY$</div></body></html>

$MFORM_5$ это номер нашей почтовой формы которую мы создали
далее ссылку этой страницы мы вставляем в данный скрипт вывода окна в место ссылки нашей http://ucozon.ru/index/pochtovaja_forma_zakaza_reklamy_v_ajax/0-33

Code

1    <script type="text/javascript">
2    rekc = function(){
3    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" >="" width="700" frameborder="0" height="100%" scrolling="no"></iframe></center>');
4    }
5    </script>
6    <a href="javascript://" onclick="rekc();"><b>Форма заказа рекламы</b></a>

и вставляем этот скрипт в нужное место где вы хотите видеть Форма заказа рекламы

автор mdbaner
саит автора http://ucozon.ru


Форум Города Дружба » Архив » Архив Сообщений » Простенькое окно для удобного заказа рекламы в окне ajax
Страница 1 из 11
Поиск: