Здравствуйте, гость ( Вход | Регистрация )
![]() ![]() |
| zapadlo |
14.4.2008, 23:02
Сообщение
#1
|
![]() Только зарегистрировавшийся Группа: Пользователи Сообщений: 9 Регистрация: 6.4.2008 Пользователь №: 12 996 Репутация: 0 |
Люди! кто знает как сделать на странице сайта такую функцию:
(проще всего будет представить на примере компьютеров ) например сделать так, чтоб человек мог сам выбрать из списка несколько комплектующих(например проц, память, мать...) и увидеть рядышком в окошке сумарную стоимость выбранной конфигурации.... буду очень благодарен... рассмотрю любые предложения |
| liw |
15.4.2008, 10:51
Сообщение
#2
|
|
Житель ![]() ![]() ![]() Группа: Модераторы Сообщений: 283 Регистрация: 2.11.2007 Пользователь №: 6 760 Репутация: 20 |
например:
Платы.. <select id="mboards" onchange="summ();"> <option value="2300">ASUS P5B</option> <option value="1111">ASUS P777</option> </select> Мониторы <select id="monitors" onchange="summ();"> <option value="2300">BENQ 9999</option> <option value="1111">SAMSUNG 888</option> </select> и т.д. потом при выборе любого из списков.. <script> function summ(){ //тут проходите все select-ы и складываете выбранные значения //а сумму пишите где нибудь там где нужно.. } </script> вот идея такая, не оригинальная. вы конкретнее спрашивайте, а то так нудно и долго писать. |
| 3ABAPKA |
15.4.2008, 11:30
Сообщение
#3
|
![]() Поселенец ![]() ![]() Группа: Пользователи Сообщений: 162 Регистрация: 13.2.2008 Пользователь №: 10 561 Репутация: 2 |
|
| zapadlo |
17.4.2008, 17:57
Сообщение
#4
|
![]() Только зарегистрировавшийся Группа: Пользователи Сообщений: 9 Регистрация: 6.4.2008 Пользователь №: 12 996 Репутация: 0 |
Да, было бы не плохо....
иметь на руках готовый вариант |
| Boo |
18.4.2008, 6:08
Сообщение
#5
|
![]() Только зарегистрировавшийся Группа: Пользователи Сообщений: 9 Регистрация: 25.3.2008 Пользователь №: 12 376 Репутация: 1 |
Да, было бы не плохо.... иметь на руках готовый вариант Вот тут неплохая статейка на тему динамических выпадающих списков с примерами. -=Нажми меня!=- |
| 3ABAPKA |
18.4.2008, 12:53
Сообщение
#6
|
![]() Поселенец ![]() ![]() Группа: Пользователи Сообщений: 162 Регистрация: 13.2.2008 Пользователь №: 10 561 Репутация: 2 |
Вот такой попробуй! Может подойдет!
Между тегами <HEAD> и </HEAD> напиши! Код <script type="text/javascript"> function UserIbor(){ var udan=document.forms[0].UProc; // обращаемся к форме в список Процессоры var NameProc=udan.options[udan.selectedIndex].text; // Определяем, что выбрал User var CenaProc=parseInt(udan.options[udan.selectedIndex].value); // Смотрим какая у выбранного цена var udan=document.forms[0].UMama;// обращаемся к форме в список Материнские платы var NameMama=udan.options[udan.selectedIndex].text;// Определяем, что выбрал User var CenaMama=parseInt(udan.options[udan.selectedIndex].value);// Смотрим какая у выбранного цена var udan=document.forms[0].UVideo;// обращаемся к форме в список Видео карт var NameVideo=udan.options[udan.selectedIndex].text;// Определяем, что выбрал User var CenaVideo=parseInt(udan.options[udan.selectedIndex].value);// Смотрим какая у выбранного document.getElementById("viborUProcName").value=NameProc; //Напишем в поле ввода название выбранного Процессора document.getElementById("viborUProcCena").value=CenaProc+" p."; // Укажем поле ввода цену выбранного Процессора document.getElementById("viborUMamaName").value=NameMama;//Напишем в поле ввода название Материнской платы document.getElementById("viborUMamaCena").value=CenaMama+" p.";// Укажем поле ввода цену выбранного document.getElementById("viborUVideoName").value=NameVideo;//Напишем в поле ввода название document.getElementById("viborUVideoCena").value=CenaVideo+" p.";// Укажем поле ввода цену выбранного document.getElementById("viborsumma").value=CenaProc+CenaMama+CenaVideo+" p."; // Сосчитаем цены выбранных деталек } </script> Между тегами <BODY> и </BODY> напиши! Код <form> <table width="50%" border="0" style="float:left;"> <tr> <td width="30%">Процессоры </td> <td><!--Про процессоры--> <select name="UProc" id="UProc" onchange="UserIbor()" style="width:200px;"> <option selected value="0">не выбран <option value="5000">Intel Core 2 Duo <option value="6000">Intel Core Duo <option value="7000">AMD Turion X2 TL-56 <option value="8000">Intel Pentium T2130 </select> </td> </tr> <tr> <td>Материнские платы</td> <td><!--Про Материнские платы--> <select name="UMama" id="UMama" onchange="UserIbor()" style="width:200px;"> <option selected value="0">не выбран <option value="1500">ASUS P5K3 Deluxe WiFi-AP <option value="3500">MSI P35 Platinum <option value="4500">Gigabyte GA-P35T-DQ6 <option value="9500">Foxconn P35A-S </select> </td> </tr> <tr> <td>Видео карты</td> <td><!--Про Видео карты--> <select name="UVideo" id="UVideo" onchange="UserIbor()" style="width:200px;"> <option selected value="0">не выбран <option value="1000">NVIDIA GeForce 8800 Ultra <option value="3000">ATI Radeon HD 3870 <option value="4000">NVIDIA GeForce 8500 GT <option value="9000">ATI Radeon HD 2400 XT </select> </td> </tr> </table> <!--Область для вывода результатов--> <fieldset style="*height:100px;border-width:3px;border-color:#0000A0;border-style:double;padding-left:10px;padding-right:10px;"> <!--Название области--> <legend><FONT COLOR="#A80400"><BIG><b><center>Ваш выбор</center></b></BIG></FONT></legend> <!--Поля ввода работаю для вывода результатов слева название товара справа через тире цена товара--> <input type="text" name="viborUProcName" id="viborUProcName" style="border:0px;width:200px;bold;background:#FFFFFF;" />- <input type="text" name="viborUProcCena" id="viborUProcCena" style="border:0px;width:100px;bold;background:#FFFFFF;" /> <br /> <input type="text" name="viborUMamaName" id="viborUMamaName" style="border:0px;width:200px;bold;background:#FFFFFF;" />- <input type="text" name="viborUMamaCena" id="viborUMamaCena" style="border:0px;width:100px;bold;background:#FFFFFF;" /> <br /> <input type="text" name="viborUVideoName" id="viborUVideoName" style="border:0px;width:200px;bold;background:#FFFFFF;" />- <input type="text" name="viborUVideoCena" id="viborUVideoCena" style="border:0px;width:100px;bold;background:#FFFFFF;" /> <hr /> <!--Поле ввода используется для вывода результатов ссуммы--> Покупка на сумму: <input type="text" name="viborsumma" id="viborsumma" onblur=="ItogSumma()" style="border:0px;width:200px;font-color:#FF0000;font-weight: bold;background:#FFFFFF;" /> </fieldset> </form> |
![]() ![]() |
|
Текстовая версия | Сейчас: 8.9.2008, 19:33 |
|