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> <col class="first"> <col class="second"> <col class="third"> <col class="fourth"> <col class="fifth"> <tr> <th>1</th><th>2</th><th>3</th><th>4</th><th>5</th> </tr> <tr> <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td></tr> <tr> <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td></tr> <tr> <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td></tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
td,th{ width:40px; height:40px; text-align:center; vertical-align:middle; border:1px solid silver; background-color:white; cursor:pointer; } table{ border-collapse:collapse; } .first{ background-color:orange; } .second{ background-color:green; } .third{ background-color:red; } .fourth{ background-color:blue; } .fifth{ background-color:purple; } .show-background{ background-color:transparent; }
CSS
Autoformát
CSS reset
Až na konci
document.body.onmousedown = function(event){ if (event.target.nodeName == "TD"){ event.target.className="show-background";} }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>