ugrás a tartalomhoz

Aktuális havi naptár, eseményekkel, JavaScriptben

ceops · 2005. Dec. 24. (Szo), 19.01
Üdv mindenkinek!

egy naptárt szeretnék készíteni, ami mindig az aktuális hónapot mutatja, melynek egy-két napja fontos eseményekkel bír! ezeket a napokat szeretném linkelni!
már találtam egy ilyet, de ez mindig csak az aktuális napot emeli ki!
hogy lehet ebböl olyant csinálni, hogy egy pár napját linkelni tudjam?
(nah jah... mint amilyen a weblabor.hu alján is van :)

<script type="text/javascript"  language="javascript">
<!-- innen
/*
Letöltve a ThomasWebMűhely javascript archívumából:
http://www.thomas98.hu/webmuhely.php
*/

var day_of_week = new Array('V','H','K','Sze','Cs','P','Szo');
var month_of_year = new Array('Január','Február','Március','Április','Május','Június','Július','Augusztus','Szeptember','Október','November','December');

var Calendar = new Date();

var year = Calendar.getYear();
var month = Calendar.getMonth();
var today = Calendar.getDate();
var weekday = Calendar.getDay();

var DAYS_OF_WEEK = 7;
var DAYS_OF_MONTH = 31;
var cal;

Calendar.setDate(1);
Calendar.setMonth(month);

/* Formázhatók: BORDER, BGCOLOR, CELLPADDING, BORDERCOLOR*/
var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="30"><CENTER>';
var TD_end = '</CENTER></TD>';

/* Formázhatók: BORDER, BGCOLOR, CELLPADDING, BORDERCOLOR*/
cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';
cal += month_of_year[month]  + '   ' + year + '</B>' + TD_end + TR_end;
cal += TR_start;

for(index=0; index < DAYS_OF_WEEK; index++)
{

if(weekday == index)
cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;

else
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;

for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  week_day =Calendar.getDay();

  if(week_day == 0)
  cal += TR_start;

  if(week_day != DAYS_OF_WEEK)
  {

  var day  = Calendar.getDate();

   // mai nap kiemelése
  if( today==Calendar.getDate() )
  cal += highlight_start + day + highlight_end + TD_end;

  else
  cal += TD_start + day + TD_end;
  }

  if(week_day == DAYS_OF_WEEK)
  cal += TR_end;
  }

  Calendar.setDate(Calendar.getDate()+1);
}

cal += '</TD></TR></TABLE></TABLE>';

document.write(cal);
// eddig -->
</script>
előre is kösszke a segítséget ;)
BOLDOG KARÁCSONYT!!!

üdv: ceops
WWW.TENOU.ORG
 
1

Hozzászólás

Anonymous · 2005. Dec. 24. (Szo), 19.35
A 72. és a 75. sorban a "+ day +" szöveget cseréld ki erre:
+ String(day).link("valami.html?day="+day) +
Ez minden napot linkké alakít, paraméterként átadva a napot. Persze ez így semmire se jó, mert át kell adni az évet és a hónapot is, hogy használni is lehessen, valamint kell még valami, ami tudatja a javascripttel, hogy melyik napokon van valami esemény, és csak azokból csinál linket.
De kiindulásnak jó lesz, a fa alatt játszadozni vele.

Gyulus