Форум PHP программистов > онлайн подсчёт

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Ramzes_Ra

23.08.2013 - 10:34

Доброго времени суток.
Стало интересно, можно ли сделать онлайн рассчёт, вот такой пример.
Имеется число, допустим

<div id='num1'>4</div>

и форма, в которую вводишь число и оно автоматически при вводе сразу умножается на то, что в Диве и выводится результат умножения. Причём сразу при вводе в форму. Как такое реализовать попроще?

Игорь_Vasinsky

23.08.2013 - 10:45

для целых чисел


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" language="javascript">
function setData(input, val)
{    
     var factor = document.getElementById('factor').innerHTML;
     return input.value = parseInt(val)*parseInt(factor);
}
</script>
</head>
<body>
<div id="factor">4</div>
<form method="" action="">
<input onkeyup="setData(this, this.value)" type="text" name="digit"/>
<input type="submit"/>
</form>
</body>
</html>

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Ramzes_Ra

23.08.2013 - 16:51

Игорь_Vasinsky, точно, onkeyup(скрипт).. Благодарю)
скрипты я подзабыл, как вывести в другой див результат, а не в эту форму?

<div id="factor">4</div>
<div id="itog"></div>

<script type="text/javascript" language="javascript">
function setData(input, val)
{    
     var factor = document.getElementById('factor').innerHTML;
     return input.value = parseInt(val)*parseInt(factor);
     document.getElementById("itog").innerHTML=factor;
}
</script>

вот так вот не работает
И как адаптировать для нецелых чисел?

Игорь_Vasinsky

23.08.2013 - 17:38

в div ?

domElem.innerHTML = .... где domElem - ссылка на элемент DOM

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Быстрый ответ:

Здесь расположена полная версия этой страницы.