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
<input type="button" class="addnewitem" name="add" value="add new"> <br><br><br> <table border="1" class="tabulka"> <tr> <td>jemno</td><td>ukon</td> </tr> <tr> <td>jana</td><td>-</td> </tr> <tr> <td>michal</td><td>-</td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.new{ background-color: yellow; } :focus { background-color: pink; }
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function() { $('.addnewitem').on('click', function(e) { $('<tr class="new"><td><input type="text"></td><td><div><a href="#" class="btnuloz">Uloz</a></div></td></tr>').insertAfter('.tabulka tr:first').find('input').focus(); }).on('keypress', function(e) { if (e.key === 'Enter' || e.keyCode === 13) { e.stopPropagation(); $(this).trigger('click'); return false; } }).focus(); $('.tabulka').on('click', 'a.btnuloz', function(e) { alert('click btn uloz'); $(this).blur(); $('.addnewitem').focus(); }); $('.tabulka').on('keypress', '.new input', function(e) { if (e.key === 'Enter' || e.keyCode === 13) { e.stopPropagation(); alert('focus btn uloz by enter'); $(this).closest('tr').find('a.btnuloz').focus(); return false; } }); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>