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> <td><input type="checkbox" onchange="prohoditTridy(this.parentNode.parentNode, 'active', 'deactive')"></td> <td>test</td> </tr> <tr> <td><input type="checkbox" onchange="prohoditTridy(this.parentNode.parentNode, 'active', 'deactive')"></td> <td>test2</td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.active{ background-color: green; } .deactive{ background-color: red ; } table{ border-spacing: 0; }
CSS
Autoformát
CSS reset
Až na konci
function prohoditTridy(element, trida1, trida2) { element.className = element.className == trida2 ? trida1 : trida2; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>