Форум

Вадим Вадимыч · #1 (**permalink**) 17.05.2017, 12:50

Добрый день, пожалуйста помогите мне, в java полный ноль.

Есть таблица:

<table class="table table-bordered">
<thead>
</thead>
<tbody>
<tr>
<td class="text-center">17-И</td>
<td>Устройство натяжного потолка из ПВХ</td>
<td class="text-center">м2</td>
<td class="sum1 text-center">2</td>
<td class="sum2 text-center">2</td>
<td class="sumItg text-right">4</td>
</tr>
<tr>
<td class="text-center">17-И</td>
<td>Устройство натяжного потолка из ПВХ</td>
<td class="text-center">м2</td>
<td class="sum1 text-center">2</td>
<td class="sum2 text-center">2</td>
<td class="sumItg text-right">4</td>
</tr>
</tbody>
</table>
<span id="parent"></span>

Необходимо: td-sum1 умножить на td-sum2 вывести результат в td-sumItg а потом все td-sumItg сложить и вывести результат в span id="parent". Таблица большая выкладываю маленькую часть!

Заранее спасибо за помощь!!!

Есть код но он только складывает

var sumItg=0,td=document.getElementsByTagName('td'),i=td.length; 
while(i--) {if(td[i].className=='sumItg text-right') sumItg+=+td[i].innerHTML} 
document.getElementById('parent').innerHTML = sumItg

рони · #2 (**permalink**) 17.05.2017, 13:06

Вадим Вадимыч,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #3 (**permalink**) 17.05.2017, 13:44

Вадим Вадимыч,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .sumItg{
    font-weight: bold;
    color: hsla(0, 100%, 50%, 1);
  }
  #parent{
    font-weight: bold;
    color: hsla(240, 100%, 50%, 1);
  }

  </style>

  <script>

    window.addEventListener('DOMContentLoaded', function() {
      var a = document.querySelectorAll('.sum1'),
      b = document.querySelectorAll('.sum2'),
      c = document.querySelectorAll('.sumItg'),
      span = document.querySelector('#parent');
      span.innerHTML = [].reduce.call( a, function(sum, td, i) {
                var w = +td.innerHTML||0, h = +b[i].innerHTML || 0 ;
                return sum + (c[i].innerHTML = w * h)
         }, 0);
        });
  </script>
</head>

<body>
<table class="table table-bordered">
<thead>
</thead>
<tbody>
<tr>
<td class="text-center">17-И</td>
<td>Устройство натяжного потолка из ПВХ</td>
<td class="text-center">м2</td>
<td class="sum1 text-center">2</td>
<td class="sum2 text-center">2</td>
<td class="sumItg text-right"></td>
</tr>
<tr>
<td class="text-center">17-И</td>
<td>Устройство натяжного потолка из ПВХ</td>
<td class="text-center">м2</td>
<td class="sum1 text-center">2</td>
<td class="sum2 text-center">7</td>
<td class="sumItg text-right"></td>
</tr>
<tr>
<td class="text-center">17-И</td>
<td>Устройство натяжного потолка из ПВХ</td>
<td class="text-center">м2</td>
<td class="sum1 text-center">3</td>
<td class="sum2 text-center">3</td>
<td class="sumItg text-right"></td>
</tr>
</tbody>
</table>
<span id="parent"></span>


</body>
</html>

ksa · #4 (**permalink**) 17.05.2017, 13:50

Или так...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
window.onload = function() {
	var o=document.querySelectorAll('.sum1');
	for (var i=0; i<o.length; i++) {
		var p=o[i].parentNode;
		val=o[i].innerHTML*p.querySelector('.sum2').innerHTML;
		p.querySelector('.sumItg').innerHTML=val
	};
};
</script>
</head>
<body>
<table class="table table-bordered">
	<thead>
	</thead>
	<tbody>
		<tr>
			<td class="text-center">17-И</td>
			<td>Устройство натяжного потолка из ПВХ</td>
			<td class="text-center">м2</td>
			<td class="sum1 text-center">2</td>
			<td class="sum2 text-center">2</td>
			<td class="sumItg text-right"></td>
		</tr>
		<tr>
			<td class="text-center">17-И</td>
			<td>Устройство натяжного потолка из ПВХ</td>
			<td class="text-center">м2</td>
			<td class="sum1 text-center">2</td>
			<td class="sum2 text-center">3</td>
			<td class="sumItg text-right"></td>
		</tr>
	</tbody>
</table>
<span id="parent"></span>
</body>
</html>

Сообщение от Вадим Вадимыч

в java полный ноль

Это не Java... Это JavaScript.

Вадим Вадимыч · #5 (**permalink**) 17.05.2017, 14:11

Спасибо вам друзья!!!!!

Форум

Справочник

Discord чат

Курсы javascript