Перейти к содержимому

Фотография
- - - - -

получение данных из блока(jquery)


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
В этой теме нет ответов

#1 KDES70

KDES70

    Частый гость

    Топикстартер
  • Участник
  • 1
    73 сообщ.

Отправлено 27 Октябрь 2013 в 19:20

Здравствуйте уважаемые форумчане!!! 

Помогите найти решение и добить скрипт который уже неделю не дает мне покоя

делаю калькулятор банкетного меню 

принцип прост выводится список блюд 

фото, название, вес порции, цена, и текстовое поле (input) где пользователь указывает количество порций.

 

и с помощью  js подсчитывается общая сумма 

вот картинка для наглядности !!!))

так вот в чем суть моей проблемы 

как только пользователь ввел количество порций нужно чтобы в боковом блоке выводился список названий выброных уже блюд

 

на даный момент имею только код по подсчету стоимости а как дальше действовать не знаю совсем недавно принялся за изучение Js 

 

друзья помогите кто чем сможет! заранее благодарю!!!!

 

вот пример то что хочу получить http://www.burjui-cl...sschitat-banket

 

 

malaziaj.ru calculator.png

 

вот код JS

// JavaScript Document$(document).ready(function() {//Íåìíîãî îôîðìëåíèÿ â ñòèëå çåáðû// $("#calculate").find("tr:odd").css({"background":"#fbdd59", "opacity":"0.8"});//Указываем по нажатию на какой элемент должны открыватся подменю    $("#calculator > li > div").click(function(){	    if(false == $(this).next().is(':visible')) {		    $('#calculator ul').slideUp(280);	    }	    $(this).next().slideToggle(280);    });    //$('#calculator ul:eq(0)').show();//волшебная функция		    function _parseInt(n) {				 n = parseInt(n);				 if ( typeof n !== 'number' || !isFinite(n) ) n = 0;				 if ( n < 0 ) n = 0;				 return n;   }   function floorN(x, n)   {    var mult = Math.pow(10, n);    return Math.floor(x*mult)/mult;   }//Êàëüêóëÿòîð$("#calculator").change(function() {  var totalSum = 0;  var peopleFull =0;  //var desc ='';  peopleFull = _parseInt($("#people").val()); //Стоимость позиции  $("input[id^='pos']").each(function() {	 var idElement = "#"+$(this).attr("id"), //получаем значение id    priceField = _parseInt($(idElement+"_price").text()), //получеем цену    countField = _parseInt($(this).val()); //количество порций    //descText = $(idElement+"_desc > a").text();	  // alert(descText)	    $(idElement+"_amount").text(priceField * countField +" руб."); //Âûâîäèì ñóììó ïî ïîçèöèè   totalSum += priceField * countField;   totalSumpeople = totalSum / peopleFull;   totalSumpeoples = floorN(totalSumpeople, 2);   tot = descText + "цена" + priceField * countField +" руб.";  });  // alert(desc);   $("#sel-dish").text(tot);  $("#count_price span").text(totalSum);  $("#count_price_people span").text(totalSumpeoples);});});

 

Разметка

<li><div class="first"><br>	  <span class="button_podtext"></div>	    <ul>		   <li name="pos_".$value['id']."_row" id="cal-row">			 <div class="cal-color_1" id="cal-color"></div>			 <div id="cal-img"><img src=""photo/menu/smoll/"ФОТО" width="100" alt=""></div>		    <div id="cal-img"><img src="".IRB_HOST."photo/no_image.gif" width="100" alt="no photo"></div>		    <div class="cal-desc" id="pos_".$value['id']."_desc"><a>НАЗВАНИЕ БЛЮДА</a></div>		    <div id="cal-dish">1</div>		    <div id="cal-count" >			 <input id="pos_".$value['id']."" size="5"  type="text" name="pos-input" >		    </div>		    <div id="pos_".$value['id']."_price" class="cal-price">".$value['price']."</div>		    <div id="pos_".$value['id']."_amount" class="cal-amount">0</div>		    </li>						  </ul></li>

 


  • 0

Спонсор



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей