Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > sos


Автор: eximo 20.2.2009, 21:40
ищу скрипт (JavaScript) для подсчёта цены объекта определяемого клиентом кликом по одной из пяти заданных картинок (с фиксированной ценой за квадратный метр индивидуально для каждой картинки) и двумя набираемыми клиентом же параметрами (длина/ширина),то есть скрипт должен определить с какой картинки взять цену и помножить её на площадь, получаемую самим скриптом по задаваемым длине/ширине, выдав результат отдельной строкой

ПОМОГИТЕ пожалуйста (если платно, то укажите сколько)

Автор: comtat 21.2.2009, 01:00
Вот, только проверку на вводимые значения не делал, так что буквы не вводите
Код

<html>
<head>
    <title>Calculator</title>

    <style>
        h4 {font-style:italic;}
    </style>
</head>
<script>
function calc() {
    var x = document.getElementById('x');
    var y = document.getElementById('y');
    var cost = document.getElementById('cost');
    
    if (parseInt(x.value) == 0 || parseInt(y.value) == 0) {
        cost.innerHTML = '0';
        return;
    }

    var price = 0;
    for (var i=0; i< 5; i++) {
        if (document.getElementById('p' + (i+1)).checked) {
            price = parseInt(document.getElementById('p' + (i+1)).value);
            break;
        }
    }
    cost.innerHTML = price*x.value*y.value;
}
</script>
<body>
    <div id='error'></div>
    <h4>Цена</h4>
    <input type="radio" id='p1' name="price" value="100" checked> <img src="path"><br />
    <input type="radio" id='p2' name="price" value="33"> picture2<br />
    <input type="radio" id='p3' name="price" value="45"> picture3<br />
    <input type="radio" id='p4' name="price" value="99"> picture4<br />
    <input type="radio" id='p5' name="price" value="6767"> picture5
    <h4>Площадь</h4>
    Высота:&nbsp;<input type='text' id='x' value='0'><br />
    Ширина:&nbsp;<input type='text' id='y' value='0'><br />
    <h4>Стоимость</h4>
    <div><div style="display:inline;" id='cost'>0</div> руб.</div>
    <div style="cursor:pointer;font-weight:bold;" id='button' onclick='calc();'>Рассчитать</div>
</body>
</html>

Автор: eximo 21.2.2009, 18:26
Огромное спасибо, только теперь остались две проблемы:
1. Скрипт реагирует лишь на стоимость, выраженную в целых числах, а после запятой (менял и на точку) цифр не признаёт
2. Сантиметры нужно вводить через точку, а это хоть и небольшое, но неудобство..

без помощи нерешу

Автор: Soah 21.2.2009, 18:35
поменяйте parseInt на parseFloat.

Автор: eximo 21.2.2009, 20:01
спасибо, после замены уже работает с копейками, но запятую в метрах не признаёт.. может в сантиметрах можно размер выразить и так избавиться от дробных чисел (ни точки, ни запятой не понадобится).. это лишь мысль вслух, то есть версия, которую внедрить не умею

Автор: eximo 22.2.2009, 13:11
В принципе так и решил, - ввёл денежный коофициент 0.0001, а ввод размеров пометил в сантиметрах. Сносно, только результат в цене не округляется и выдаёт после запятой много знаков. Спасибо за подсказки, а если кто знает как решить задачу полностью, прошу сообщить.

Автор: Soah 22.2.2009, 13:37
Цитата(eximo @  22.2.2009,  13:11 Найти цитируемый пост)
выдаёт после запятой много знаков

Код

cost.innerHTML = (price*x.value*y.value).toFixed(2);

Автор: eximo 22.2.2009, 16:40
всё чудненько, перевёл даже в милиметры (коофициент цены подкорректировал соответственно) и с помощью указанной строки ограничил после запятой до двух символов. РАБОТАЕТ!

О Г Р О М Н О Е    С П А С И Б О !!!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)