Kalender

Auteur: Insane - 04 september 2004 - 11:57 - Gekeurd door: Dennisvb - Hits: 11041 - Aantal punten: 2.50 (7 stemmen)

Gewoon knippen en plakken...heel makkelijk aan te passen!
Wel engels aanpassen!

Code:

php code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
</head>
<body>
<script language='javascript'>

var cdrWdth='180'; // Changes the width of the calendar
var mainBg='#000088'; // Changes the color of the main background
var mainTxt='#BBBBFF'; // Changes the color of the main text
var currCellBg='#124488'; // Changes the background of the square around the current day
var currCellBdr=1; // Changes the border on the square around the current day
var currCellTxt='#FFFFFF'; // Changes the color of the text of the current day
var titleRwBg='#000000'; // Changes the background of the month and year cell
var titleRwTxt='#FFFFFF'; // Changes the text of the month and year cell
var dayCol='#5599FF'; // Changes the color of the names of the days

// Do not edit below this point unless you know how to write javascript

var now=new Date();

var mthNames="January February March April May June July August September October November December";
var mthNames=mthNames.split(" ");
var wkDays="Sun,Mon,Tue,Wed,Thu,Fri,Sat";
var mthLengths="31,28,31,30,31,30,31,31,30,31,30,31";
var mthLengths=mthLengths.split(",");
var yrFig=(now.getYear()/4)+"";
var yrFig2=now.getYear()+"";
if ( yrFig.indexOf(".") != -1 ) { mthLengths[1]="29"; }
var wkDays=wkDays.split(",");
var theMthLength=mthLengths[now.getMonth()]*1;

var fstDay=new Date();
fstDay.setDate(1);
var firstDay=wkDays[fstDay.getDay()];

var spaceNum=fstDay.getDay()-1;
if ( fstDay.getDay()==0 ) { var spaceNum=6; }

var cell=new Array;
var loop=0;

  while ( loop<spaceNum )
  {
  
  cell[loop]="";
  loop++;
  
  }
var loop2=0;

  while ( loop2<theMthLength )
  {
  
  cell[loop+loop2]="<font color='"+mainTxt+"'>"+(loop2+1);
  if ( loop2+1==now.getDate() ) { cell[loop+loop2]="<table height='80%' width='80%' border='"+currCellBdr+"' bordercolor='#000000' cellpadding='0' cellspacing='0'><tr><td bgcolor='"+currCellBg+"' align='center'><b><font color='"+currCellTxt+"'>"+(loop2+1)+"</font></b></td></tr></table>"; }
  loop2++;
  
  }

document.write("<table bgcolor='"+mainBg+"' cellspacing='0' cellpadding='0' width='"+cdrWdth+"'>");

document.write("<tr><td colspan='7' bgcolor='"+titleRwBg+"' align='center'><b><font color='"+titleRwTxt+"'>"+mthNames[now.getMonth()]+" "+now.getYear()+"</font></b></td></tr>");

document.write("<tr><td><font color='"+dayCol+"'>Mon</td><td><font color='"+dayCol+"'>Tue</td><td><font color='"+dayCol+"'>Wed</td><td><font color='"+dayCol+"'>Thu</td><td><font color='"+dayCol+"'>Fri</td><td><font color='"+dayCol+"'>Sat</td><td><font color='"+dayCol+"'>Sun</td></tr><tr>");

var loop3=0;

  while ( loop3 < cell.length )
  {
  
  document.write("<td align='center'>"+cell[loop3]+"</td>");
  loop3++;
  if (( loop3==7 ) || ( loop3==14 ) || ( loop3==21 ) || ( loop3==28 ) || ( loop3==35 )) { document.write("</tr><tr>"); }
  
  }

document.write("</tr></table>");

</script>
</body>
</html>

<html>
<head>
</head>
<body>
<script language='javascript'>
 
var cdrWdth='180'; // Changes the width of the calendar
var mainBg='#000088'; // Changes the color of the main background
var mainTxt='#BBBBFF'; // Changes the color of the main text
var currCellBg='#124488'; // Changes the background of the square around the current day
var currCellBdr=1; // Changes the border on the square around the current day
var currCellTxt='#FFFFFF'; // Changes the color of the text of the current day
var titleRwBg='#000000'; // Changes the background of the month and year cell
var titleRwTxt='#FFFFFF'; // Changes the text of the month and year cell
var dayCol='#5599FF'; // Changes the color of the names of the days
 
// Do not edit below this point unless you know how to write javascript
 
var now=new Date();
 
var mthNames="January February March April May June July August September October November December";
var mthNames=mthNames.split(" ");
var wkDays="Sun,Mon,Tue,Wed,Thu,Fri,Sat";
var mthLengths="31,28,31,30,31,30,31,31,30,31,30,31";
var mthLengths=mthLengths.split(",");
var yrFig=(now.getYear()/4)+"";
var yrFig2=now.getYear()+"";
if ( yrFig.indexOf(".") != -1 ) { mthLengths[1]="29"; }
var wkDays=wkDays.split(",");
var theMthLength=mthLengths[now.getMonth()]*1;
 
var fstDay=new Date();
fstDay.setDate(1);
var firstDay=wkDays[fstDay.getDay()];
 
var spaceNum=fstDay.getDay()-1;
if ( fstDay.getDay()==0 ) { var spaceNum=6; }
 
var cell=new Array;
var loop=0;
 
  while ( loop<spaceNum )
  {
 
  cell[loop]="";
  loop++;
 
  }
var loop2=0;
 
  while ( loop2<theMthLength )
  {
 
  cell[loop+loop2]="<font color='"+mainTxt+"'>"+(loop2+1);
  if ( loop2+1==now.getDate() ) { cell[loop+loop2]="<table height='80%' width='80%' border='"+currCellBdr+"' bordercolor='#000000' cellpadding='0' cellspacing='0'><tr><td bgcolor='"+currCellBg+"' align='center'><b><font color='"+currCellTxt+"'>"+(loop2+1)+"</font></b></td></tr></table>"; }
  loop2++;
 
  }
 
document.write("<table bgcolor='"+mainBg+"' cellspacing='0' cellpadding='0' width='"+cdrWdth+"'>");
 
document.write("<tr><td colspan='7' bgcolor='"+titleRwBg+"' align='center'><b><font color='"+titleRwTxt+"'>"+mthNames[now.getMonth()]+" "+now.getYear()+"</font></b></td></tr>");
 
document.write("<tr><td><font color='"+dayCol+"'>Mon</td><td><font color='"+dayCol+"'>Tue</td><td><font color='"+dayCol+"'>Wed</td><td><font color='"+dayCol+"'>Thu</td><td><font color='"+dayCol+"'>Fri</td><td><font color='"+dayCol+"'>Sat</td><td><font color='"+dayCol+"'>Sun</td></tr><tr>");
 
var loop3=0;
 
  while ( loop3 < cell.length )
  {
 
  document.write("<td align='center'>"+cell[loop3]+"</td>");
  loop3++;
  if (( loop3==7 ) || ( loop3==14 ) || ( loop3==21 ) || ( loop3==28 ) || ( loop3==35 )) { document.write("</tr><tr>"); }
 
  }
 
document.write("</tr></table>");
 
</script>
</body>
</html>

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (4)