Вход

Просмотр полной версии : Помогите пожалуйста

Вадим Вадимыч
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
рони
17.05.2017, 13:06
Вадим Вадимыч,
Пожалуйста, отформатируйте свой код!

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


... ваш код...



О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
рони
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
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.
Вадим Вадимыч
17.05.2017, 14:11
Спасибо вам друзья!!!!!