javascript kalender uitbreiden

Status
Niet open voor verdere reacties.

quinzy

Nieuwe gebruiker
Lid geworden
14 okt 2008
Berichten
1
ik heb dit script gevonden op javascriptkit, dit ziet er goed uit,

1) behalve dat er niet zelf berekend wordt dat februari 28 of 29 dagen heeft. Daar ik niet zoveel van javascript weet, kunnen jullie hiermee helpen ?

2) kan iemand eventueel nog inbouwen dat ik er (zoals een bookingskalender) kan dagen in het rood zetten met bv <tr class="red"> .

Ik volg webdesigner, maar we hebben geen javascript gezien, en ja mijn eindwerk bestaat uit een website maken voor een klant die een appartement verhuurd en die zijn website op een server staat waar geen php, geen asp, alleen html, cgi en xml ondersteund. (vb telenet)

Mercikes op voorhand :thumb:

Code:
<script language="javascript">
<!--
// fill the month table with column headings
function day_title(day_name){
     document.write("<TD ALIGN=center WIDTH=35>"+day_name+"</TD>")
}
// fills the month table with numbers
function fill_table(month,month_length)
{ 
  day=1
  // begin the new month table
  document.write("<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=%3><TR>")
  document.write("<TD COLSPAN=7 ALIGN=center><B>"+month+"   "+year+"</B><TR>")
  // column headings
  day_title("Zo")
  day_title("Ma")
  day_title("Di")
  day_title("Wo")
  day_title("Do")
  day_title("Vr")
  day_title("Za")
  // pad cells before first day of month
  document.write("</TR><TR>")
  for (var i=1;i<start_day;i++){
        document.write("<TD>")
  }
  // fill the first week of days
  for (var i=start_day;i<8;i++){
        document.write("<TD ALIGN=center>"+day+"</TD>")
        day++
  }
  document.write("<TR>")
  // fill the remaining weeks
  while (day <= month_length) {
     for (var i=1;i<=7 && day<=month_length;i++){
         document.write("<TD ALIGN=center>"+day+"</TD>")
         day++
     }
     document.write("</TR><TR>")
     // the first day of the next month
     start_day=i
  }
  document.write("</TR></TABLE><BR>")
}
// end hiding -->

</script>

<script language="javascript">

// CAHNGE the below variable to the CURRENT YEAR
year=2009

// first day of the week of the new year
today= new Date("January 1, "+year)
start_day = today.getDay() + 1   // starts with 0
fill_table("January",31)
fill_table("February",28)
fill_table("March",31)
fill_table("April",30)
fill_table("May",31)
fill_table("June",30)
fill_table("July",31)
fill_table("August",31)
fill_table("September",30)
fill_table("October",31)
fill_table("November",30)
fill_table("December",31)
</script>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
 
Laatst bewerkt:
Kalender

Beste Quinzy,

Bijgaand treft u mijn coding aan voor een kalendertje. Als de pagina laadt wordt de huidige maand getoond. De actuele dag verschijnt in bold. Het is tevens mogelijk de vorige en volgende maand weer te geven. Er wordt rekening gehouden met schrikkeljaren. Om de maand en dagen in het Nederlands te krijgen dien je:
- de array months aan te passen én
- het statement calendar+=<tr><th>Zon</th> enz.
Kleuren kunnen aangepast worden door de CSS (bovenaan) te wijzigen.
Wil je huidige dag bijvoorbeeld in het rood weergeven dan wijzig je deze regel als volgt:
calendar += "<td style='font-weight:bold;color:red;'>" + (i - diff) + "</td>"


Nog vragen contacteer me dan op wim.goderis@pandora.be.

Groetjes,
Wimpieoh
 

Bijlagen

Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan