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()'>&lsaquo;&lsaquo;</th><th colspan='5'>"+nazevMesice[mesic]+" "+rok+"</th><th onclick='dal()'>&rsaquo;&rsaquo;</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š.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0