Форум

uznik73 · #1 (**permalink**) 13.07.2011, 13:30

Весь код страницы во вложенном файле.
в результате работы скрипта на страницу выводятся таблицы такого вида

<div class="if_right">
<table class="if_ch">
<tbody>
<tr>
<td class="if_ch_name ">
<span title="">Уровень жизни</span>
</td>
<td class="if_ch_val ">18.4</td>
</tr></tbody></table>
<table class="if_ch">
<tbody>
<tr>
<td class="if_ch_name ">
<span title="">Эфф. доп. уровня жизни, %</span>
</td>
<td class="if_ch_val ">36.2</td>
</tr>
</tbody>
</table>
<div class="if_grp dbrown">
<div>Голова, руки, корпус, ноги:</div>
</div>
<table class="if_ch">
<tbody>
<tr>
<td class="if_ch_name ">
<span title="">Прочность доп. брони</span>
</td>
<td class="if_ch_val ">1.5</td>
</tr>
</tbody>
</table>
<table class="if_ch">
<tbody>
<tr>
<td class="if_ch_name ">
<span title="">Броня</span>
</td>
<td class="if_ch_val ">1.2</td>
</tr>
</tbody>
</table><table class="if_ch">
<tbody>
<tr>
<td class="if_ch_name ">
<span title="">Стойк. к дробящему урону</span>
</td>
<td class="if_ch_val ">1.2</td>
</tr>
</tbody>
</table>
</div>

таких дивов несколько. не могу сообразить как посчитать одинаковые ячейки таблиц (тобишь есть два дива нужно сложить значение ячеек к примеру с Прочность доп. брони)
посоветовали сделать:

function getElementsByClassName(classname, node)  {
   if(!node) node = document.getElementsByTagName("body")[0];
   var a = [];
   var re = new RegExp('\\b' + classname + '\\b');
   var els = node.getElementsByTagName("*");
   for(var i=0,j=els.length; i<j; i++)
       if(re.test(els[i].className))a.push(els[i]);
   return a;
var elements = getElementsByClassName('if_ch_val');
var sum = 0;
for (var key in elements) {
sum += parseFloat(elements[key].innerHTML);
}
document.getElementById('result').innerHTML = sum;

но выдает 0..

function calculate() {
	var a = document.getElementsByClassName("if_ch_value").value;
	var b = document.getElementsByClassName("if_ch_value").value;
	var c = a+b;
	document.getElementById("summa").value = с;

}

рабочий код можно посмотреть тут

ksa · #2 (**permalink**) 13.07.2011, 13:39

Сообщение от uznik73

обишь есть два дива нужно сложить значение ячеек к примеру с Прочность доп. брони

В твоём примере такой ДИВ один...

У табличек с данными всегда один класс - if_ch?

uznik73 · #3 (**permalink**) 13.07.2011, 13:42

да, классы всегда одни

ksa · #4 (**permalink**) 13.07.2011, 13:46

Сообщение от uznik73

да, классы всегда одни

Ну это уже что-то!

Тогда ходи по всем табличкам, проверяй имя класса... Если это она - используй коллекции rows у таблички и cells у строк, проверяй значение первой ячейки (это как тип стороки) и значение второй (это собственно данные). Переводи все из строки в число и суммируй нужное...

uznik73 · #5 (**permalink**) 13.07.2011, 14:17

Спасибо, буду пробовать..
Но пока как то слабо себе это представляю

ksa · #6 (**permalink**) 13.07.2011, 15:03

Сообщение от uznik73

Но пока как то слабо себе это представляю

Начни с простого тестового примера... На нём прямо тут можно будет всё показать.

uznik73 · #7 (**permalink**) 13.07.2011, 15:35

нашел тут пример один решил по нему попробовать:

function getText(n) {
var strings = [];
getStrings(n, strings);
return strings.join(" ");
function getStrings(n, strings) {
if (n.nodeType == 3 /* Node.TEXT_NODE */)
strings.push(n.data);
else if (n.nodeType == 1 /* Node.ELEMENT_NODE */) {
for(var m = n.firstChild; m != null; m = m.nextSibling) {
getStrings(m, strings);
}
}
}
}
//перебирает все table на странице, пример с таблицами в первом посте.

кнопкой

<input value="Подсчет текста на странице" type="button" onClick="alert(getText(document.getElementsByTagName('table')[5]))">

получай из него в алерт результат в виде "Уровень жизни 18.4"
Я так понимаю строку такого вида надо преобразовывать в строку только со значением вида "18,4"?
а далее делать как то примерно так:

function calculate(){
var a = getText(document.getElementsByTagName('table')[5]));
var b = getText(document.getElementsByTagName('table')[10]));
var c = a+b;
document.getElementById("summa") = c;
}

-только такая конструкция не работает

ksa · #8 (**permalink**) 13.07.2011, 15:40

uznik73, в твоём первоначальном примере "тип строки" и "цифра" были в разных ячейках...

ksa · #9 (**permalink**) 13.07.2011, 15:49

uznik73, вот как выглядит путёвый тестовый пример...

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
</style>
<script type="text/javascript">
function Get() {
	var ot=document.getElementsByTagName('table')
	var i=0
	var val
	while (ot[i]) {
		if (ot[i].className!='if_ch') {
			i++
			continue
		}
		val=ot[i].rows[0].cells[1].innerHTML
		alert(val)
		i++
	}
}
</script>
</head>
<body>
<table>
	<tbody>
		<tr>
			<td>
				<span>Test</span>
			</td>
			<td>100</td>
		</tr>
	</tbody>
</table>
<table class="if_ch">
	<tbody>
		<tr>
			<td class="if_ch_name ">
				<span title="">Уровень жизни</span>
			</td>
				<td class="if_ch_val ">18.4</td>
		</tr>
	</tbody>
</table>
<button onclick='Get()'>Get</button>
</body>
</html>

uznik73 · #10 (**permalink**) 13.07.2011, 16:27

Спасибо. но так он мне выдает все результаты без разбора то есть если у меня идет такой код

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
</style>
<script type="text/javascript">
function Get() {
	var ot=document.getElementsByTagName('table')
	var i=0
	var val
	while (ot[i]) {
		if (ot[i].className!='if_ch') {
			i++
			continue
		}
		val=ot[i].rows[0].cells[1].innerHTML
		alert(val)
		i++
	}
}
</script>

</head>
<body>
<table class="if_ch">
	<tbody>
		<tr>
			<td class="if_ch_name ">
				<span title="">Уровень жизни</span>
			</td>
				<td class="if_ch_val ">18.4</td>
		</tr>
	</tbody>
</table>
<table class="if_ch">
	<tbody>
		<tr>
			<td class="if_ch_name ">
				<span title="">Уровень жизни</span>
			</td>
				<td class="if_ch_val ">20.5</td>
		</tr>
	</tbody>
</table>
<table class="if_ch">
	<tbody>
		<tr>
			<td class="if_ch_name ">
				<span title="">Уровень маны</span>
			</td>
				<td class="if_ch_val ">8.4</td>
		</tr>
	</tbody>
</table>

<button onclick='Get()'>Get</button>
</body>
</html>

Нужно выбрать из трех таблиц только 2(или 3\4\5 если они есть) которые называются как "Уровень жизни"
далее так же с "Уровень маны" и т.д
а в исходном виде оно берет сразу все значения из-за того что у всех одинаковый класс "if_ch" а сделать разные классы для различных переменных возможности нет..
ps
это если я правильно понял что alert(val[0]) выдаст 1, тоесть каждая цифра записана отдельно...

Форум

Справочник

Discord чат

Курсы javascript