DHTML Almanacka

Eftersom koden är ganska lång har jag lagt den så att du kan kopiera den från formuläret nedan. Alla anvisningar finns med.

1. Den här koden läggs i HEAD-elementet. Värdena i stilmallen kan du förstås ändra som du vill. Javaskriptet innehåller en del HTML-kod som du kan ändra. Klasserna i stilmallen anropas från skriptet.

<STYLE type="text/css">
TD.rubrik {
	background-color: #FFFFCC;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #008000;
}
TD.dagar {
	background-color: #E5FFCC;
	border-color: #008000;
	font-family: arial, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #000000;
}
TD.datum {
	background-color: #FFFFFF;
	border-color: #008000;
	font-family: arial, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #000000;
}
</STYLE>
<script language="JavaScript">

var ns6=document.getElementById&&!document.all
var ie4=document.all

var Vald_monad;
var Valt_ar;
var Nuv_datum = new Date();
var Nuv_monad = Nuv_datum.getMonth();

var Dagar_i_monad = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Monad_etikett = new Array('Januari', 'Februari', 'Mars', 'April', 'Maj', 'Juni', 'Juli', 'Augusti', 'September', 'Oktober', 'November', 'December');

var Nuv_ar = Nuv_datum.getYear();
if (Nuv_ar < 1000)
Nuv_ar+=1900

var Idag = Nuv_datum.getDate();

function Rubrik_rad(Year, Month) {
   if (Month == 1) {
   Dagar_i_monad[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28;
   }
   var Rubrik_text = Monad_etikett[Month] + ' ' + Year;
   return Rubrik_text;
}

var HTML_kod = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 BGCOLOR="FFFFCC">';
   HTML_kod += '<tr><td colspan=7 class="rubrik">' + Rubrik + '</td></tr>';
   HTML_kod += '<tr><td class="dagar"> S </td><td class="dagar"> M </td><td class="dagar"> T </td><td class="dagar"> O </td><td class="dagar"> T </td><td class="dagar"> F </td><td class="dagar"> L </td></tr>';

function Kolla_siffror() {
   if ((event.keyCode < 48) || (event.keyCode > 57)) {
      return false;
   }
}

function Om_ar() {
   var Year = document.form_nar.aar.value;
   if (Year.length == 4) {
      Vald_monad = document.form_nar.maanad.selectedIndex;
      Valt_ar = Year;
      Gor_kalender(Valt_ar, Vald_monad);
   }
}

function Standard_val() {
   if (!ie4&&!ns6)
   return
   var Pa_mitten = Math.round(document.body.clientWidth / 2);
   document.form_nar.maanad.selectedIndex = Nuv_monad;
   document.form_nar.aar.value = Nuv_ar;
   Vald_monad = Nuv_monad;
   Valt_ar = Nuv_ar;
   Gor_kalender(Nuv_ar, Nuv_monad);
}

2. Ändra den inledande BODY-taggen så att den får en händelsehanterare:

3. Hela den följande koden lägger du i BODY-elementet där du vill ha almanackan:

</select>
<input type="text" name="aar" size=4 maxlength=4 onKeyPress="return Kolla_siffror()" onKeyUp="Om_ar()">
<input type="button" value=" > " onClick="Hoppa_over('+')">
</td></tr></table>
</form>
</div>
</CENTER>