Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.12.2013, 01:43
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

Калькулятор в форме
Есть такой калькулятор, точнее форма

<form class="kalk" onsubmit="return false" oninput="summ.value = parseInt(ploshad.value) * parseInt(faktura.value) + parseInt(corner.value)" >	

<p>Фактура:</p>
     <select type="text" name="faktura" id="faktura" size="1" onchange="summ.value = parseInt(ploshad.value) * parseInt(faktura.value) + parseInt(corner.value)">
<option selected value="600">Белый матовый</option>
<option value="650">Белый сатиновый</option>
<option value="650">Белый глянцевый</option>
<option value="700">Цветной матовый</option>
<option value="700">Цветной сатиновый</option>
<option value="700">Цветной глянцевый</option>
</select>    

<p>Площадь комнаты, кв. м.</p>
<input type="range" min="1" max="30" step="1" id="ploshad" name="ploshad" 
      value="4" oninput="o.value = parseInt(ploshad.value) " >
      <p class="output"><output name="o">4</output> </p>
     
     
   <p>Количество углов:</p>
 <select type="text" name="corner" id="corner" size="1" onchange="summ.value = parseInt(ploshad.value) * parseInt(faktura.value) + parseInt(corner.value)"> 
<option selected value="400">4</option>
<option value="500">5</option>
<option value="600">6</option>
<option value="700">7</option>
<option value="800">8</option>
<option value="900">9</option>
<option value="1000">10</option>
</select>     

  <p class="summa">Стоимость: 
<output name="summ" id="summa"></output>
 руб.</p>   

</form>


в действии можно посмотреть здесь: http://potolok2014.ru/

проблема: КАК СДЕЛАТЬ ТАК ЧТОБ ПРИ СУММЕ МЕНЕЕ 5000, В <output name="summ" id="summa"></output> ВСЕ-РАВНО ВЫВОДИЛОСЬ 5000, А ДАЛЬШЕ УЖЕ СЧИТАЛ КАК СЧИТАЕТ СЕЙЧАС?

Прошу помощи знатоки...
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2013, 10:25
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

iskander83, не смущает что <output> не поддерживается старыми браузерами?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 25.12.2013, 13:19
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

это
var summ = ploshad.value * faktura.value + corner.value;
summ.value = (summ < 5000) ? 5000 : summ;


как я поныл надо в js вставлять?
в теории то понятно надо выхватить значениеи поставить условие, а вот как на практике написать?
пробую так , но что то не получается
$('#ploshad').mouseup(function() {	
	var parent = $(this).parent('form');		 
		_ploshad = $(parent).find('#ploshad');		
		_summa = $(parent).find('#summa');		
		ploshad = $(_ploshad).val();		
		if (ploshad <= 7) alert('!!!!!!!!!!!!!!!!!!!!!!!') 		
		else.........
Ответить с цитированием
  #4 (permalink)  
Старый 25.12.2013, 13:19
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

output не смущает
Ответить с цитированием
  #5 (permalink)  
Старый 25.12.2013, 13:31
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

так я понял кое что
$('#ploshad').mouseup(function() {	
	var parent = $(this).parent('form'); 			
		_summ = $(parent).find('#summa');	 		
		summ = $(_summ).text();		
		if (summ <= '5000') alert('!!!!!!!!!!!!!!!!!!!!!!!') 		
		else 		
		summa = ..........;	
	});


summ у нас текстовое значение, у него нет value, теперь надо преобразовать в число...

Последний раз редактировалось iskander83, 25.12.2013 в 13:34.
Ответить с цитированием
  #6 (permalink)  
Старый 25.12.2013, 15:53
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

полностью убрал вычисления из формы и написал скрипт но не пойму почему выдает NaN
<script>
 function isCount() {	
	var parent = $(this).parent('form'); 			
		_ploshad = $(parent).find('#ploshad');
		_faktura = $(parent).find('#faktura');
		_corner = $(parent).find('#corner');		
	
		ploshad = $(_ploshad).val();
		faktura = $(_faktura).val();
		corner = $(_corner).val();			 
		
		summa = (+ploshad * +faktura) + (+corner);		
		
		itog = ( Math.round(summa) );	
		
		if (summa <= 5000) alert(summa) 		
		else 		
		alert(itog*2) ;          
	
	};
    </script>
Ответить с цитированием
  #7 (permalink)  
Старый 25.12.2013, 15:58
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

ПРОШУ ПОМОЩИ!!!
Ответить с цитированием
  #8 (permalink)  
Старый 25.12.2013, 16:37
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

Так все работает
function isCount() {	
	var parent = $(this).parent('form');		 
	
		ploshad = $('#ploshad').val();
		faktura = $('#faktura').val();
		corner = $('#corner').val();			 
		
		summ = (+ploshad * +faktura) + (+corner);				
		itog = ( Math.round(summ) );		
		
		if (summ <= 5000) 
		document.getElementById('summa').innerHTML = 5000;		
		else 		
		document.getElementById('summa').innerHTML = summ;	;          
	
	};
Ответить с цитированием
  #9 (permalink)  
Старый 25.12.2013, 16:38
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

Спасибо всем кто помог!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Онлайн калькулятор с ajax Belkazavr AJAX и COMET 2 07.11.2013 23:58
Калькулятор + форма заказа jkdl Элементы интерфейса 8 15.09.2012 14:10
Помогите вытащить отсюда калькулятор sergiocharm Общие вопросы Javascript 8 17.04.2012 22:22
Сделать калькулятор на сайт. asderru Работа 1 22.07.2010 13:46
Обращение к форме октрытого окна SparkDSD Events/DOM/Window 3 27.02.2009 14:02