Форум

piraids · #1 (**permalink**) 04.09.2013, 13:33

Есть форма, в ней есть три поля:

<input name='price' value="<?php echo($this->was_price); ?>">
<input name='markup' value="<?php echo($this->markup); ?>">
<select>
<option value="0" <?php if ($this->price_percent == 0) echo('selected="selected"'); ?>>0%</option>...</select>

Есть переменная которая выводит итог из всего этого:

$calculate_totals = $this->was_price + (($this->was_price * $this->markup)/100) - (($this->was_price * $this->price_percent)/100);

Нажимаешь отправить - данные отправляются - все выводит, все показывает, все считает.

Как сделать еще чтобы при вводе данных в верхние поля сразу же выводилось значение в $calculate_totals - то есть поменял например цену - оно сразу же пересчитало и вывело, не нажимая на кнопку "отправить/сохранить"?

tsigel · #2 (**permalink**) 04.09.2013, 16:08

Ванести рассчет в скрипт.

piraids · #3 (**permalink**) 05.09.2013, 14:06

tsigel, можете пример дать пожалуйста?

Яростный Меч · #4 (**permalink**) 05.09.2013, 15:40

piraids,

добавь обработчики onchange в верхние два поля.

piraids · #5 (**permalink**) 05.09.2013, 17:09

Яростный Меч, а как насчет 3его поля?)

BETEPAH · #6 (**permalink**) 05.09.2013, 17:33

Сообщение от piraids

Есть форма, в ней есть три поля:

<input name='price' value="<?php echo($this->was_price); ?>">
<input name='markup' value="<?php echo($this->markup); ?>">
<select>
<option value="0" <?php if ($this->price_percent == 0) echo('selected="selected"'); ?>>0%</option>...</select>

Есть переменная которая выводит итог из всего этого:

$calculate_totals = $this->was_price + (($this->was_price * $this->markup)/100) - (($this->was_price * $this->price_percent)/100);

Вы уверены, что это Javascript?

piraids · #7 (**permalink**) 05.09.2013, 17:37

BETEPAH,
это кусок php кода - показан для того чтобы понять что я хочу, скрипта там нет, прошу пример как написать скрипт вдобавок к этому коду, чтобы данные обновлялись до того как нажмешь кнопку "сохранить/отправить" в форме

Яростный Меч · #8 (**permalink**) 05.09.2013, 17:38

Сообщение от piraids

а как насчет 3его поля?)

тоже.

BETEPAH · #9 (**permalink**) 05.09.2013, 18:13

<!DOCTYPE html>
<html>
<head></head>
<body>
<form id="form">
    <input id="price" type="text" value="1" />
    <input id="markup" type="text" value="2" />
    <input id="out" type="text" />
</form>
<script>
var f = document.getElementById('form');
f.onchange = f.onkeyup = function() {
    var first = +document.getElementById('price').value; 
    var second = +document.getElementById('markup').value; 
    document.getElementById('out').value = first + second || 'нужны числа';
}
</script>
</body>
</html>

piraids · #10 (**permalink**) 06.09.2013, 09:44

BETEPAH, спасибо!!!

Получился такой скрипт

<script>
	var sum = document.getElementById('summ');
		sum.onchange = sum.onkeyup = function() {
		    var first = +document.getElementById('price').value;
		    var second = +document.getElementById('markup').value;
		    var third = +document.getElementById('price_percent').value;
		    document.getElementById('summ_itog').value = (first + ((second * first)/100)) - (third * first)/100 || 'Введите цену';
		}
	</script>

Форум

Справочник

Discord чат

Курсы javascript