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> <thead> <tr><th>Jméno</th><th>Příjmení</th></tr> </thead> <tr> <td><input name="jmeno[]" onblur="addRow(this)"></td> <td><input name="prijmeni[]" onblur="addRow(this)"></td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function addRow(input) { var row = input.parentNode.parentNode; var tbody = row.parentNode; if (existsEmptyRow(tbody)) { return; } var newRow = row.cloneNode(true); clearRow(newRow); tbody.appendChild(newRow); } function getFilledCount(row) { var filled = 0; var inputs = row.getElementsByTagName('input'); for (var i = 0; i < inputs.length; i++) { if (inputs[i].value.length > 0) { filled++; } } return filled; } function existsEmptyRow(tbody) { var rows = tbody.rows; for (var i = 0; i < rows.length; i++) { if (getFilledCount(rows[i]) < 2) { return true; } } return false; } function clearRow(row) { var inputs = row.getElementsByTagName('input'); for (var i = 0; i < inputs.length; i++) { inputs[i].value = ''; } return true; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>