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

Сообщений: 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> Все равно спасибо

Новые темы	Объявления	Свободное общение
08:28 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 06:29 Check This Out toast-wallet 22:27 Раскрутка форума 13:45 SEO под нейро 13:42 Телега на ручнике: РКН включил замедление и логи админок покраснели 13:07 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту 18:07 Гугл уходит из России: почему интернет тормозит и что делать	04:47 Onechange.me — надежный обменник криптовалют и фиатных средств 23:29 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram 16:30 Mixmasters - Exchange without AML and KYC 15:09 Nexulume.com Обменник без AML и KYC 09:02 Swapwatch.org — Мониторинг криптовалютных обменников 22:42 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:41 CryptoGraph — Анонимный обмен криптовалют без KYC и AML	08:49 Точные прогнозы на футбол 08:26 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео? 23:03 Ставки на супер тренды в спорте 22:58 Добро пожаловать в цифровой мир... 20:04 Оцифровка старых физических фотографий 18:43 Индия влепила Intel 3 ляма баксов за дискриминацию по гарантии 13:08 Туалетные секреты: Замурчательная тема

Новые темы

Объявления

Свободное общение

08:28 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу
06:29 Check This Out toast-wallet
22:27 Раскрутка форума
13:45 SEO под нейро
13:42 Телега на ручнике: РКН включил замедление и логи админок покраснели
13:07 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту
18:07 Гугл уходит из России: почему интернет тормозит и что делать

04:47 Onechange.me — надежный обменник криптовалют и фиатных средств
23:29 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram
16:30 Mixmasters - Exchange without AML and KYC
15:09 Nexulume.com Обменник без AML и KYC
09:02 Swapwatch.org — Мониторинг криптовалютных обменников
22:42 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
19:41 CryptoGraph — Анонимный обмен криптовалют без KYC и AML

08:49 Точные прогнозы на футбол
08:26 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео?
23:03 Ставки на супер тренды в спорте
22:58 Добро пожаловать в цифровой мир...
20:04 Оцифровка старых физических фотографий
18:43 Индия влепила Intel 3 ляма баксов за дискриминацию по гарантии
13:08 Туалетные секреты: Замурчательная тема

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	Помогите допилить скрипт. Футер ползет до бесконечности вниз