Друга забележка за калкулатори, сега за използването отдавна станали популярни интерактивни инструменти като плъзгач / слайдер / слайдер.

Същността на удобство и популярност е да се намали броят на закланите цифрови стойности на полетата, като количествените характеристики и ценови диапазони.

В този случай, помислете за пример далеч от реалността, но достатъчно, за да се разберат прости положения при използването плъзгачите в калкулатора.

Нашият калкулатор условно ще разгледа разходите за салони за премахване с техния вид фактор.
Съответно два плъзгачи са отговорни за избора на броя на стаите, падащ списък за избор на множителя на, т.е. типа им.

В плъзгачи са максимални и минимални стойности, както и размера на стъпката.
В този пример минути, макс - 1-5, 6-10, и стъпка единица.

Обадете се на функция, когато преместване на плъзгача

Някои функции на този пример е да се обадите на нашия преброяване на персонализирана изчислено () функция; в случай на пързалка. По този начин, при всяко движение на плъзгача всички изчисления ще се преизчисляват и актуализират в таблицата с обобщена информация.

Как да промените външния вид на плъзгачи

Firebug ома лесно да се види изобилие от стилове CSS-висеше на елементите на плъзгача, което означава, че техните права върху себе си, можем просто предефиниране на ключовата дума важно !;
По този начин, в този пример намалява общия размер на плъзгащият елемент от предефиниране на стила:
.UI-джаджа

Можете Забележка: За тази трик за работа, вашите с CSS стилове трябва да бъдат натоварени по-късно близки на JQuery.

Браузър

Тестван във всички популярни. Причинените само грешката - Internet Explorer:
Съобщение: Обектът не поддържа това свойство или метод
Линия: 46
Символ 2
Код: 0 Оказа се, че причината за недекларирана променлива Summ.

Код калкулатор скрипт

Благодаря ви, страхотно! Дълго търсих нещо на сходството. Той повтори, за да отговаря на нуждите ви.

Но имам нужда, е необходимо да се включат отстъпката, която зависи от броя на дните. Например стандартна стая струва 1000 ако вземете 3 дни, с отстъпка от 200 на ден, ако е на 7 дни, отстъпката на ден 300, и т.н.

Ето как да го направя не мога да мисля

Добре дошли! Въпрос sobsno глупав, но как да сменяте елементи в калкулатора, например, за да изберете е в долната част и в горната част на плъзгача, и така нататък?

Handy? Благодаря рубла! ^ _ ^

нови записи

Аз се абонирате за този въпрос. Как да направя две галерии на една и съща страница?

Благодаря ви много! Много готино скрипт. Само за нашите sayta.Davno такава.

Благодаря ви за кода. Копирам кода, какъвто е, за да вмъкнете линк снимки.

Значение всъщност. Например, централизирано hranilishe настройки.

Благодаря ви, всичко работи добре. Използва се на своя уебсайт

Възможно е, обикновено направите резервно копие, преди да надградите.