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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 90 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография TimurR
    #6

    TimurR
    Очков активности: 42 Вне конкурса за определение пользователя месяца

  • Фотография AnnaYa
    #7

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

  • Фотография Developer
    #8

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

  • Фотография Алексей111
    #9

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография Игорь Ку
    #10

    Игорь Ку (dudesday.ru)
    Очков активности: 24 1 тема, 5 сообщений, 2 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 26.09.2018
Топ 5 участников по репутации


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

#1 Kdes70

Kdes70
  • Неактивные
  • 55 сообщений
  • Репутация: 0
0

Отправлено 27 October 2013 - 18:18

Здравствуйте уважаемые форумчане!!!
Помогите найти решение и добить скрипт который уже неделю не дает мне покоя
делаю калькулятор банкетного меню
принцип прост выводится список блюд
фото, название, вес порции, цена, и текстовое поле (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

#2 fedornabilkin

fedornabilkin
  • Модератор
  • 1127 сообщений
  • Репутация: 189

Отправлено 01 November 2013 - 09:23

Обрабатываем событие, когда поле теряет фокус.
Получаем данные и добавляем их в объект. Название блюда, стоимость, количество порций.
Далее разбираем объект, формируем строку и вставляем куда нужно.
  • 0

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.





Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru