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
<!DOCTYPE html> <html> <body> <script> var sel = document.getElementById('sel'); sel.onchange = function() { var show = document.getElementById('show'); show.innerHTML = this.value; } </script> <table width="1000" > <tr> <th rowspan="2" align="right"> <select id="sel"> <option value="2018">2018 <option value="2017">2017 <option value="2016">2016 <option value="2015">2015 <option value="2014">2014 <option value="2013">2013 <option value="2012">2012 <option value="2011">2011 <option value="2010">2010 </select> </th> </tr> <tr> <th align="right">Leden</th> <th align="right">Únor</th> <th align="right">Březen</th> <th align="right">Duben</th> <th align="right">Květen</th> <th align="right">Červen</th> <th align="right">Červenec</th> <th align="right">Srpen</th> <th align="right">Září</th> <th align="right">Říjen</th> <th align="right">Listopad</th> <th align="right">Prosinec</th> </tr> <tr > <th align="right">1</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">2</th> <td align="right">5,8</td> <td align="right">5,2</td> <td align="right">-4,8</td> <td align="right">12,1</td> <td align="right">27,0</td> <td align="right">28,4</td> <td align="right">23,3</td> <td align="right">35,7</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">3</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">4</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr><tr> <th align="right">5</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">6</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">7</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">8</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">9</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> <tr> <th align="right">10</th> <td align="right">5,4</td> <td align="right">5,7</td> <td align="right">-2,7</td> <td align="right">10,6</td> <td align="right">23,6</td> <td align="right">31,9</td> <td align="right">21,4</td> <td align="right">34,2</td> <td align="right">38,6</td> <td align="right">42,5</td> <td align="right">47,2</td> <td align="right">50,9</td> </tr> </table> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table { background-color:#c2daf6; border-collapse: collapse; } th { background-color:#96c6f6; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>