Autor | Zpráva | ||
---|---|---|---|
bobby Profil |
Zdravím mám takovýto kalendář, chtěl bych udělat abych měl pole se svátky, a ty aby se mi barevně zvýraznily v kalendáři, už si nevím rady..
Děkuji za prípadné nápady <html> <head> <title>JavaScript - příklady</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> <!-- table {border-collapse: collapse; border: 1px solid brown;} th {color: brown; border-bottom: 1px solid brown;} 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: brown} #kalendar1 {margin-top: 20px; height: 140px;} #content {padding-bottom: 20px;} //--> </style> <script > <!-- var datum=new Date(); var d=datum.getDate(); var m=datum.getMonth()+1; var r=datum.getFullYear(); function kalendar(mesic,rok) { var dnes=new Date(); 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); var denTyd=datum.getDay(); if(denTyd==0) {denTyd=7;} //alert(datum.toLocaleString()); var pocetDniMesice = new Array(0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); if (((rok % 4 == 0) && (rok % 100 != 0)) || (rok % 400 == 0)) pocetDniMesice[2] = 29; 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>"; } for(den=1; den<=pocetDniMesice[mesic]; den++) { if(rok==dnes.getFullYear() && mesic==dnes.getMonth()+1 && den==dnes.getDate()) {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>"; } tab+="</tr></tbody></table>"; return tab; } function dal() { if(m==12) {r++; m=1;} else {m++;} zobrazKalendar(m,r); } function pred() { if(m==1) {r--; m=12;} else {m--;} zobrazKalendar(m,r); } function zobrazKalendar(mesic,rok) { <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"> <div id="kalendar1"></div> </div> </div> </body> </html> Moderátor juriad: Neobaluj prosím celý příspěvek mezi značky [>pre] a [>/pre].
|
||
juriad Profil |
Na 42. a 43. řádku, kde vytváříš buňky, si přidáš pravidla pro svátky, takovým buňkám přidáš ještě třídu svatek a tu v CSS nastyluješ.
|
||
Časová prodleva: 9 let
|
0