Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<table id="table"> </table> <button onclick="addRow()"> Přidej řádek </button> <button onclick="removeRow()"> Odeber řádek </button> <button onclick="addColumn()"> Přidej sloupec </button> <button onclick="removeColumn()"> Odeber sloupec </button> <br> <textarea id="code" rows="10" cols="80"></textarea>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var CELL = '<input type="text" onchange="show()" onkeyup="show()">'; function addRow() { var table = document.getElementById('table'); var columns = table.rows.length > 0 ? table.rows[0].cells.length : 1; var newrow = table.insertRow(-1); for (var i = 0; i < columns; i++) { var newcell = newrow.insertCell(-1); newcell.innerHTML = CELL; } show(); } function removeRow() { var table = document.getElementById('table'); if (table.rows.length > 0) { table.deleteRow(table.rows.length - 1); } show(); } function addColumn() { var table = document.getElementById('table'); for (var i = 0; i < table.rows.length; i++) { var row = table.rows[i]; var newcell = row.insertCell(-1); newcell.innerHTML = CELL; } show(); } function removeColumn() { var table = document.getElementById('table'); for (var i = 0; i < table.rows.length; i++) { var row = table.rows[i]; if (row.cells.length > 0) { row.deleteCell(row.cells.length - 1); } } show(); } function show() { var table = document.getElementById('table'); var t = '<table>'; for (var i = 0; i < table.rows.length; i++) { t += '<tr>'; var row = table.rows[i]; for (var j = 0; j < row.cells.length; j++) { t += '<td>'; var cell = row.cells[j]; var input = cell.getElementsByTagName('input')[0]; t += input.value; t += '</td>'; } t += '</tr>'; } t += '</table>'; var code = document.getElementById('code'); code.value = t; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>