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> <tr id='1' ondblclick="there(event)"> <td>Něco</td> <td>Něco jiného</td> </tr> <tr id='2' ondblclick="there(event)"> <td>Další</td> <td>Další něco</td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function there(e) { e = e || window.event; var tr = (e.target || e.srcElement).parentNode; var tds = tr.getElementsByTagName('td'); for (var i = 0; i < tds.length; i++) { var content = tds[i].innerHTML; var input = document.createElement('input'); input.type = 'text'; tds[i].innerHTML = ''; tds[i].appendChild(input); input.value = content; input.onkeydown = back; } tr.ondblclick = null; } function back(e) { e = e || window.event; if (e.keyCode != 27) { return; } var input = e.target || e.srcElement; var tr = input.parentNode.parentNode; var inputs = tr.getElementsByTagName('input'); // live while (inputs.length > 0) { inputs[0].parentNode.innerHTML = inputs[0].value; } tr.ondblclick = there; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>