Форум

rekon87 · #1 (**permalink**) 14.06.2013, 19:46

Здравствуйте, нужна помощь. Ситуация следующая - на сайте установлен JQuery UI Slider - два поля input слайдер 1 + слайдер 2, в третье поле я считаю

var all = $("#all").val();
var money = $("#money").val();
$("div#budgetRub").val( Number(all) * Number(money) * 30 + ' Руб');

и вывожу

<input value="0" name="budgetRub" id="budgetRub" readonly type="text">

Подсчет суммы работает, проблема в оформлении поля input - не могу сделать резину, то есть имеется блок div, в нем поле input с выводом итоговой суммы, проблема в том, что если указывать ширину фиксированной большой, при малом количестве символов input справа остается незаполненное место.
Как сделать чтобы если в input символ 1 то сделать size="1", символов 2 - size="2" и т.д.
Возможно ли вывести сумму не в текстовое поле, а в блок div или span например?

Deff · #2 (**permalink**) 14.06.2013, 21:14

var value=Number(all) * Number(money) * 30 + ' Руб'
var size = value.length;
$("#budgetRub").attr('size',size)
$("#budgetRub").val(value);

danik.js · #3 (**permalink**) 14.06.2013, 22:34

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

малом количестве символов input справа остается незаполненное место

Пропиши input{text-align: right} , текст выровняется по правой стороне.

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

Возможно ли вывести сумму не в текстовое поле, а в блок div или span например?

Конечно можно.

rekon87 · #4 (**permalink**) 14.06.2013, 22:46

Возможно ли вывести сумму не в текстовое поле, а в блок div или span например?Конечно можно.
каким образом?
я вывожу

<input value="0" name="budgetRub" id="budgetRub" readonly type="text">

пробовал

<div id="budgetRub"></div>

- не выводит

rekon87 · #5 (**permalink**) 14.06.2013, 22:48

Сообщение от danik.js

Пропиши input{text-align: right} , текст выровняется по правой стороне.

мне нужно по левой стороне, прописывал

input{text-align: left}

не помогает

rekon87 · #6 (**permalink**) 14.06.2013, 22:51

получается вот-так:

danik.js · #7 (**permalink**) 14.06.2013, 22:51

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

мне нужно по левой стороне, прописывал
input{text-align: left}
не помогает

Оно ведь и так по дефолту по левой выравнивается.

<!DOCTYPE html>
<input type="text" value="123" />

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

пробовал
<div id="budgetRub"></div>
- не выводит

Тут надо не val(), а text() вызывать.

rekon87 · #8 (**permalink**) 14.06.2013, 22:55

Сообщение от danik.js

Пропиши input{text-align: right} , текст выровняется по правой стороне.

Конечно можно.

Сообщение от danik.js

Оно ведь и так по дефолту по левой выравнивается.

<!DOCTYPE html>
<input type="text" value="123" />

Тут надо не val(), а text() вызывать.

Огромное спасибо, все получилось

Форум

Справочник

Discord чат

Курсы javascript