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
HTML
Autoformát
Standardní režim
Mobilní zobrazení
<div id="calendar" style="position: absolute; top: 200px;left: 723px; z-index: 1; margin-left: auto; margin-right: auto;"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="../../../css/main.css" type="text/css"> <link rel="stylesheet" href="../../../css/css.css" type="text/css"> <style type="text/css"> <!-- table {width: 180px; height: 150px;position:absolute;} th {color: #C00000;} th, td {font-size: 12px; text-align: center; padding: 2px 3px 2px 2px;} thead th{text-align: center; color: #FAFAD2; background-color: brown;} thead th:first-child, thead th + th + th {background-color: #C00000; cursor: pointer;} .dnes {color: #FAFAD2; background-color: #C00000} #kalendar1 {margin-top: 20px; height: 140px;} #content {padding-bottom: 20px;} //--> </style> <script src="../fce.js" type="text/javascript"></script> <script type="text/javascript" language="JavaScript"> <!-- var datum=new Date(); //aktuální datum var d=datum.getDate(); //den var m=datum.getMonth()+1; //měsíc var r=datum.getFullYear(); //rok var datumy = ["2016-11-18", "2016-11-22", "2016-11-25", "2016-11-26", "2016-11-27", "2016-11-29", "2016-12-2", ] ; function kalendar(mesic,rok) { var dnes=new Date(); //aktuální datum var nazevMesice=new Array("","leden","únor","březen","duben","květen","červen","červenec","srpen","září","říjen","listopad","prosinec"); var datum=new Date(rok,mesic-1,1); //1. den v zadaném měsíci - v JavaScriptu se měsíce číslují od 0, proto musíme odečíst 1 var denTyd=datum.getDay(); //číslo dne v týdnu 0-neděle, 1-pondělí,... 6-sobota if(denTyd==0) {denTyd=7;} //změníme číslo neděle na 7 //alert(datum.toLocaleString()); var pocetDniMesice = new Array(0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); //počet dní v měsíci if (((rok % 4 == 0) && (rok % 100 != 0)) || (rok % 400 == 0)) pocetDniMesice[2] = 29; //přestupný rok - únor 29 dní var tab="<table><thead><tr><th onclick='pred()'>‹‹</th><th colspan='5'>"+nazevMesice[mesic]+" "+rok+"</th><th onclick='dal()'>››</th></tr></thead><tbody><tr><th>Po</th><th>Út</th><th>St</th><th>Čt</th><th>Pá</th><th>So</th><th>Ne</th></tr><tr>"; for(i=1; i<denTyd; i++) { tab+="<td></td>"; //prázdné buňky před 1. dnem měsíce } for(den=1; den<=pocetDniMesice[mesic]; den++) { if((rok==dnes.getFullYear() && mesic==dnes.getMonth()+1 && den==dnes.getDate()) || (datumy.indexOf(rok + "-" + mesic + "-" + den) != -1)) {tab+="<td class='dnes'>"+den+"</td>";} else {tab+="<td>"+den+"</td>";} if(i % 7 == 0 && den!=pocetDniMesice[mesic]) {tab+="</tr><tr>";} i++; } for(i=i-1; i % 7 !=0; i++) { tab+="<td></td>"; //prázdné buňky za posledním dnem měsíce pro dokončení tabulky } tab+="</tr></tbody></table>"; return tab; } function dal() { //funkce je spuštěna kliknutím na >> v kalendáři if(m==12) {r++; m=1;} else {m++;} zobrazKalendar(m,r); } function pred() { //funkce je spuštěna kliknutím na << v kalendáři if(m==1) {r--; m=12;} else {m--;} zobrazKalendar(m,r); } function zobrazKalendar(mesic,rok) { //funkce spuštěna při načtení stránky <body onload="zobrazitCas()"> document.getElementById("kalendar1").innerHTML=kalendar(mesic,rok); } //--> </script> </head> <body onload="zobrazKalendar(m,r)"> <div id="title"></div> <div id="main"> <div id="content"> <br class="left"> <a name="kap1"></a> <div id="kalendar1"></div> </div><!-- konec content --> </div><!-- konec main --> </div>
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>