| 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: 11 let
|
|||
0