Простой расчет на jQuery?

Question

[Сергей Горячев]

Собственно, простой вопрос https://jsfiddle.net/webirus/uovaucbe/
Примерно такой калькулятор должен быть. Простое умножение инпутов.

Но не могу составить условие для правильного умножения.
Значения берутся из базы данных.


А умножение происходит согласно таблице.


Собственно, вопрос 1.
Как обратиться в файле скриптов к базе данных и надо ли это? Или просто написать скрипт в php файле?
Вопрос 2.
Как правильно составить условие для умножения, если введено одно, умножаем так, а если введено другое - умножаем вот так. В общем, согласно таблице.
Вопрос 3.
Умножение по кнопке "Рассчитать" получается сделать, но никак не могу сделать "на лету" - on, change, что-то не сработали. Или я не правильно подобрал функции.

Comments

[Сергей Горячев]

Блин, фиддл сбился, не сохранился(

Answer 1

[Larisa Moroz]

Вам нужно чем-то (php-скриптом или серверным javascript-скриптом) выбрать данные из таблицы в JSON, типа:

[
	{
  	area:'70-119', 
    prices:{40:663,50:693,60:723}
  },
  {
  	area:'120-199',
    prices:{40:547,50:575,60:603}
  },
  {
  	area:'1000-1999',
    prices:{40:345,50:367,60:389}
  }
 ]

Затем, из вашего клиентского js запросить этот JSON ajax-запросом.
Или, как вариант, если данные предполагается менять нечасто, можно просто прописать этот массив цен вручную в код вашего клиентского JS.
Затем на клиентском JS при изменении данных в input-полях уже считать, выбирая соответствующие данные из этого массива как-то так: https://jsfiddle.net/lmoroz/yyjjd6zL/5/

Comments

[Сергей Горячев]

Спасибо, вы даже скрипт помогли составить, доработать его совсем не проблема, а я как раз решил аяксом передавать значения в скрипт каким образом, так и в JSON запихаю легко.

[Сергей Горячев]

Никак не пойму, на фиддле работает, переношу на сервер, не работает)

[Larisa Moroz]

Что именно перенесли на сервер и как ?

[Сергей Горячев]

Larisa Moroz: Да просто скопировал скрипт в script и рядом положил html ))))

[Сергей Горячев]

Larisa Moroz: Даже вот просто .html файл сделал и не работает. Там что-то невидимое подключается?)))

[Larisa Moroz]

Что в консоли?

[Сергей Горячев]

Larisa Moroz: А все, разобрался, он категорически отказывается работать, если jquery подключен после.

[Сергей Горячев]

Larisa Moroz: Не хотите доработать скрипт немного? За отдельную плату, естественно, у меня уже голова от него пухнет, да и сдавать его завтра уже(((

[Larisa Moroz]

Зависит от размера вашего немного, бюджета и сроков.

[Сергей Горячев]

Larisa Moroz: В скайпе.

Answer 2

[alvvi]

1. Ну если у вас значения базе данных, обратится в любом случае придется, однако естественно не в js скрипте, а в php.
2. Чем обычный if не устраивает?
3. Что такое "на лету"? Если вы хотите реактивности, то вам нужен AJAX. На change ивент инпута делаете нужный запрос и обрабатываете ответ соответствующим образом.