На этом месте находится расчудесная шапка. Включите flash - не пожалеете!

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> таблица подбора
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 @ 15.4.2008, 2:02) *

буду очень благодарен... рассмотрю любые предложения


ты хочешь чтоб тебе его написали?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
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  


Цитата(zapadlo @ 17.4.2008, 18:57) *

Да, было бы не плохо....
иметь на руках готовый вариант


Вот тут неплохая статейка на тему динамических выпадающих списков с примерами.
-=Нажми меня!=-
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
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>
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Ответить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 8.9.2008, 19:33
Rambler's Top100 Яндекс цитирования