Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать текстовый инпут количества единиц (https://javascript.ru/forum/dom-window/38498-kak-sdelat-tekstovyjj-input-kolichestva-edinic.html)

neira 04.06.2013 14:21

Как сделать текстовый инпут количества единиц
 
Доброго времени суток, есть такой код:

<script LANGUAGE="JavaScript">
function price(form) {
if (form.iadro.checked){
var iadro=parseFloat(form.iadro.value);
}
else iadro=0;

var total=iadro;
document.getElementById("total_price").innerHTML=total;
}
</script>

<form name="form"  onclick="price(this)">
<table width="650" border="0" cellspacing="0" cellpadding="0" class="table">
  <tr>
    <td colspan="2" align="left"><input type="checkbox" value="10000" name="koll" />Распорядитель свадьбы</td>
    <td> 10000 рублей</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center"></td>
    <td align="center" id="total_price" style="color: #993300;font-weight:bold; font-size:14px">0</td>
  </tr>
</table>
</form>


В общем вопрос такой, как добавить текстовый инпут, в котором будет указываться количество, а в результате выводится сумма в соответствии с введенным числом, пример http://www.scarletstar.ru/wedding-calculator/ строка "Украшение лимузинов (живые цветы) - 10000 рублей / композиция"

animhotep 04.06.2013 14:29

Цитата:

Сообщение от neira
как добавить текстовый инпут

так <input type="text">

neira 04.06.2013 14:59

Цитата:

Сообщение от animhotep (Сообщение 254414)
так <input type="text">

:D это понятно, я имел ввиду что бы он выводился в сумме, какое условие должно быть

neira 04.06.2013 17:31

Цитата:

Сообщение от nasqad (Сообщение 254424)
Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Какая ж тут работа, условие для двух переменных. В теории представляю как это, но на практике не могу додумать

Vitaliy88 05.06.2013 03:01

Не знаю задачу целиком, но вроде должно получиться типа того
<form>
<input type="text" id="textoviyinput" name="text"/></form>
<input type="button" id="schet" value="посчитать"/>
<div id="result"></div>
<script>
$(document).ready(function(){

$('#schet').click(function(){
var atribut = $('#textoviyinput').attr('value');
$('#result').html(atribut);

});
});
Только не забудь подключить jquery
А полученную переменную atribut можешь подставлять куда надо

если тебе нужно чтобы результат был сразу в результате ввода без нажатия на дополнительные кнопки, то... смотри второй вариант
<form onclick="vivod();">
<input type="text" id="textoviyinput" name="text"/></form>
<input type="button" id="schet" value="посчитать"/>
<div id="result"></div>
<script>
function vivod(){
var atribut = $('#textoviyinput').attr('value');
$('#result').html(atribut); }

</script>

Vitaliy88 05.06.2013 03:09

Ещё вот такой вариант попробуй
<form >
<input type="text" id="textoviyinput" name="text" onchange="vivod();"/></form>
<input type="button" id="schet" value="посчитать"/>
<div id="result"></div>
<script>

function vivod(){
var atribut = $('#textoviyinput').attr('value');
$('#result').html(atribut); }

neira 05.06.2013 07:30

Цитата:

Сообщение от Vitaliy88 (Сообщение 254489)
Ещё вот такой вариант попробуй
<form >
<input type="text" id="textoviyinput" name="text" onchange="vivod();"/></form>
<input type="button" id="schet" value="посчитать"/>
<div id="result"></div>
<script>

function vivod(){
var atribut = $('#textoviyinput').attr('value');
$('#result').html(atribut); }

Прям в точку то что нужно, спасибо

neira 05.06.2013 07:32

Цитата:

Сообщение от nasqad (Сообщение 254440)
ну венки на лимузин клеить тоже работа сомнительная, но почему то за нее платят

Пример позитивного человека, ладно хоть не написал "мертвых в гробы лажить тоже работа". С такой "политикой" нужно весь форум делать на платной основе


Часовой пояс GMT +3, время: 15:47.