12.07.2017, 01:37
|
 |
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
|
Рони,
если скучно вот вам задачка!
Дана таблица с цифрами. По нажатию на кнопку в последний ряд таблицы в каждую ячейку запишите сумму чисел в столбце таблицы, расположенном над определенной ячейкой.
Последний раз редактировалось j0hnik, 12.07.2017 в 01:52.
|
|
12.07.2017, 09:31
|
|
Аспирант
|
|
Регистрация: 09.07.2017
Сообщений: 49
|
|
|
спасибо)
|
|
12.07.2017, 10:38
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,129
|
|
|
шахматное чередование строк
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
font-weight: 600;
}
</style>
</head>
<body>
<script>
function fn(a, d) {
var e = [".","#"],c = "", b = 0;
d *= a;
for (; b < d; b++) c += e[b % 2], (b + 1) % a || (c += "<br>",!(a % 2) && e.reverse());
return c
};
for (var i=8; i<13; i++) {
document.write("<h4>"+[i,i-7]+"</h4><br>"+fn(i,i-7)+"<br>")
}
</script>
</body>
</html>
|
|
12.07.2017, 15:03
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
не то, рони таблица из tr-ок, тут подумать надо, если добавить в таблицу строк или столбцов все должно работать! |
|
12.07.2017, 16:12
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,129
|
|
|
Сообщение от j0hnik
|
|
тут подумать надо,
|
если убрать инпуты, то предложенный алгоритм никак не изменится. |
|
12.07.2017, 16:57
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от рони
|
|
если убрать инпуты, то предложенный алгоритм никак не изменится.
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(document).on("input", ".mat_count input", function() {
var count = $('[id^="count"]').val(0),
len = count.length;
$(".mat_count input").each(function(i, el) {
i %= len;
count[i].value -= -(+el.value || 0)
})
})
});
</script>
</head>
<body>
<table>
<tr>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
</tr>
<tr>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
</tr>
... Строк может быть любое количество...
<tr>
<td>Сумма 1 столбца</td>
<td>Сумма 2 столбца</td>
<td>Сумма 3 столбца</td>
</tr>
</table>
</body>
</html>
Рони, без адишников!
так чтобы строк и столбцов можно было добавлять любое количество и не лезть при этом в скрипт
Последний раз редактировалось j0hnik, 12.07.2017 в 17:01.
|
|
12.07.2017, 17:09
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,129
|
|
j0hnik,
 кликнуть по слову сумма
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(document).on("click", "tr:last", function() {
var count = $('td',this).text(0),
len = count.length;
$("td.mat_count").each(function(i, el) {
i %= len;
count[i].textContent -= -(+el.textContent || 0)
})
})
});
</script>
</head>
<body>
<table>
<tr>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
</tr>
<tr>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
</tr>
... Строк может быть любое количество...
<tr>
<td>Сумма 1 столбца</td>
<td>Сумма 2 столбца</td>
<td>Сумма 3 столбца</td>
</tr>
</table>
</body>
</html>
|
|
12.07.2017, 17:23
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
рони,
|
|
12.07.2017, 17:29
|
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
шахматное чередование строк
Внесу свою лепту
var e = [".","#"], rows = 5, cols = 12, str = "";
for(var i = 0; i < rows; i++) {
for(var j = 0; j < cols; j++) {
str += e[(i+j)%2];
};
str += "\n";
};
alert(str);
|
|
|
|
