Ребят помогите со скриптом. Для блоков.

Сообщений: 20 Регистрация: Июл 2012

20 Июля 2012 13:34

<div id="blok001"><span class='new_cena001'>300</span> <imput class='kol001' value='1'></div> блок 2 <div id="blok002"><span class='new_cena002'>300</span> <imput class='kol003' value='1'></div> блок 3 <div id="blok003"><span class='new_cena003'>300</span> <imput class='kol003' value='1'></div> блок 4 <div id="blok004"><span class='new_cena004'>300</span> <imput class='kol004' value='1'></div>

Есть 4 блока в блоках span цена товара надо написать скипт который будет брать значение из спан умножать на значение <imput> и в этот же спан возвращать уже результат формулы. И еще допустим 4 блоков <span> и в блок < div id="ob_summ"></div> вывести сумму всех 4 блоков

Александр Алисейко

Сообщений: 251 Регистрация: Ноя 2010

20 Июля 2012 15:54

А что за новый супер-мега-тег iMput?? HTML 6? :DНаписал в лоб. По любому, можно (нужно) проще и красивее. Но выводить тут все это лень, да еще и за спасибо, так что довольствуйтесь наколенной 5-ти минуткой.

Значение спанов меняется автоматически на новое, когда input теряет фокус.

Код

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <script type="text/javascript">
         $(document).ready(function() {
               span1 = $('.new_cena001').html();  
               span2 = $('.new_cena002').html();  
               span3 = $('.new_cena003').html();  
               span4 = $('.new_cena004').html();  

               $('input.kol001').change(function () {
                     $('.new_cena001').html($(this).val()*span1); 

               });

               $('input.kol002').change(function () {
                     $('.new_cena002').html($(this).val()*span2);

               });

               $('input.kol003').change(function () {
                     $('.new_cena003').html($(this).val()*span3);

               });

               $('input.kol004').change(function () {
                     $('.new_cena004').html($(this).val()*span4);

               });

               $('button.click-me').click(function(){
                     $('#ob_summ').html(
                        Number($('.new_cena001').html()) + Number($('.new_cena002').html()) + Number($('.new_cena003').html()) + Number($('.new_cena004').html())
                     );   
               });
         });
      </script>
   </head>
   <body>
      Блок 1
      <div id="blok001">
         <span class='new_cena001'>300</span> <br />
         <input class='kol001' value='1' />
      </div> 

      блок 2 
      <div id="blok002">
         <span class='new_cena002'>300</span> <br />
         <input class='kol002' value='1' />
      </div> 

      блок 3 
      <div id="blok003">
         <span class='new_cena003'>300</span> <br />
         <input class='kol003' value='1' />
      </div> 

      блок 4 
      <div id="blok004">
         <span class='new_cena004'>300</span> <br />
         <input class='kol004' value='1' />
      </div>

      <div id="ob_summ"></div>

      <button class="click-me">Пишем в DIV</button>
   </body>
</html>

Изменено: Александр Алисейко - 20 Июля 2012 17:03

Создание сайтов, верстка | http://www.weesite.ru
Веточка на супре | http://www.cy-pr.com/forum/f74/t16076/

сергей Самойловский Сообщений: 20 Регистрация: Июл 2012	#3 21 Июля 2012 20:28 Я сам сделал только вот так <div id="blok001"> Цена товара - <span id="cena001">123</span><br> Количество - <input id="kol001" value="1"><br> Сумма покупки - <span id="sum001">123</span> </div><hr> <div id="blok002"> Цена товара - <span id="cena002">234</span><br> Количество - <input id="kol002" value="1"><br> Сумма покупки - <span id="sum002">234</span> </div><hr> <script> function myFunc (ev) { var e = ev \|\| window.event, o = e.srcElement \|\| e.target, n = o.id.substr (3); if (o.value.replace (/\d/g, '').length) {alert ('Неверно!'); document.getElementById ('sum' + n).innerHTML = 'ОШИБКА'; return} document.getElementById ('sum' + n).innerHTML = document.getElementById ('cena' + n).innerHTML * o.value +" руб."; } var obj = document.getElementsByTagName ('input'); for (var j = 0, lj = obj.length; j < lj; j++) if (obj [j].id.substring (0, 3) == 'kol') {obj [j].oninput = myFunc; obj [j].onpropertychange = myFunc} </script> Все равно спасибо

13.11.2016 22:20	Помогите со скриптом для накрутки ботов
13.10.2016 23:15	Помогите, пожалуйста, решить проблему.
22.01.2016 14:52	Помогите настроить tooltip
23.08.2015 08:01	Помогите внедрить на сайт меню вырезанное с другого сайта
23.08.2015 01:47	Помогите допилить скрипт. Футер ползет до бесконечности вниз

Новые темы	Объявления	Свободное общение
08:26 С чего сейчас проще начать? 22:34 Голод на биржах: Всё приличное уже выкуплено. Куда нести остатки бюджета? 22:25 Реакция Поисковых систем на тексты, созданные нейросетями 21:39 продажа ссылок с ai-сеток в 26-м- тема рип или просто все молчат? 09:27 Простая тема Вордпресс 01:26 Трафик в минус, соцсети в топе - Завершено февральское обновление Google Discover 00:05 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу	00:07 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 18:35 Курс по Продаже Ссылок в Буржнете !!! 11:25 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 11:19 Мониторинг обменников Сrypto-scout.io 08:51 Monitex: Мониторинг с кэшбэком 80% в USDT 00:06 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 20:35 Mixmasters - Exchange without AML and KYC	01:09 Точные прогнозы на футбол 21:24 Смотри, птичка! Трамп вскрывает папки про НЛО 21:18 Сайты Рунета 18:36 Добро пожаловать в цифровой мир... 16:49 Вместо золота - RTX 5090: почему кремний стал валютой на свадьбах 09:20 Ставки на супер тренды в спорте 05:58 Тройной агент Паша Дуров