Автор: zapadlo 14.4.2008, 23:02
Люди! кто знает как сделать на странице сайта такую функцию:
(проще всего будет представить на примере компьютеров )
например сделать так, чтоб человек мог сам выбрать из списка несколько комплектующих(например проц, память, мать...) и увидеть рядышком в окошке сумарную стоимость выбранной конфигурации....
буду очень благодарен... рассмотрю любые предложения
Автор: liw 15.4.2008, 10:51
например:
Платы..
<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
Цитата(zapadlo @ 15.4.2008, 2:02)

буду очень благодарен... рассмотрю любые предложения
ты хочешь чтоб тебе его написали?
Автор: zapadlo 17.4.2008, 17:57
Да, было бы не плохо....
иметь на руках готовый вариант
Автор: Boo 18.4.2008, 6:08
Цитата(zapadlo @ 17.4.2008, 18:57)

Да, было бы не плохо....
иметь на руках готовый вариант
Вот тут неплохая статейка на тему динамических выпадающих списков с примерами.
http://xhtml.ru/2006/02/11/dynamic-select/
Автор: 3ABAPKA 18.4.2008, 12:53
Вот такой попробуй! Может подойдет!
Между тегами <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>