javascript kalender

Status
Niet open voor verdere reacties.

ringo1

Gebruiker
Lid geworden
12 nov 2011
Berichten
112
hallo iedereen,
ik heb dus een script gevonden dat ik op mijn website wil zetten
dit is het script
Code:
<SCRIPT LANGUAGE="JavaScript">

 <!--
 setCal()
 function getTime() {

         
         var now = new Date()

         var hour = now.getHours()

         var minute = now.getMinutes()

         now = null

         var ampm = "" 



         

         if (hour >= 12) {

                 hour -= 12

                 ampm = "PM"

         } else

                 ampm = "AM"

         hour = (hour == 0) ? 12 : hour



         
         if (minute < 10)

                 minute = "0" + minute 



         
         return hour + ":" + minute + " " + ampm

 }



 function leapYear(year) {

         if (year % 4 == 0) 
                 return true 
        
                 return false 

 }



 function getDays(month, year) {

         

         var ar = new Array(12)

         ar[0] = 31 // Januari

         ar[1] = (leapYear(year)) ? 29 : 28 // Februari

         ar[2] = 31 // Maart

         ar[3] = 30 // April

         ar[4] = 31 // Mei

         ar[5] = 30 // Juni

         ar[6] = 31 // Juli

         ar[7] = 31 // Augustus

         ar[8] = 30 // September

         ar[9] = 31 // Oktober

         ar[10] = 30 // November

         ar[11] = 31 // December



         

         return ar[month]

 }



 function getMonthName(month) {

         

         var ar = new Array(12)

         ar[0] = "Januari"

         ar[1] = "Februari"



         ar[2] = "Maart"

         ar[3] = "April"



         ar[4] = "Mei"

         ar[5] = "Juni"

         ar[6] = "Juli"

         ar[7] = "Augustus"

         ar[8] = "September"

         ar[9] = "Oktober"

         ar[10] = "November"

         ar[11] = "December"



        
         return ar[month]

 }



 function setCal() {

         
         var now = new Date()

         var year = now.getYear()

         var month = now.getMonth()

         var monthName = getMonthName(month)

         var date = now.getDate()

         now = null



         var firstDayInstance = new Date(year, month, 1)

         var firstDay = firstDayInstance.getDay()

         firstDayInstance = null



         

         var days = getDays(month, year)



         

         drawCal(firstDay + 1, days, date, monthName, 0000 + year)

 }



 function drawCal(firstDay, lastDate, date, monthName, year) {
 

         // verander hieronder de variabelen van de kalender

         var headerHeight = 30 // hoogte van de cel bovenin (maand )

         var border = 1 // 3D hoogte van de rand van de tabel

         var cellspacing = 4 // breedte van de tabel

         var headerColor = "red" // kleur van de maand bovenin

         var headerSize = "+2" // grote lettertype maand

         var colWidth = 40 // breedte kolommen in tabel

         var dayCellHeight = 20 // hoogte cellen die de dagen van de week weergeven

         var dayColor = "green" // kleur van de weekdagen

         var cellHeight = 30 // hoogte van de cellen die de weekdagen weergeven

         var todayColor = "red" // kleur van de dag die het is 



         var timeColor = "khaki" // kleur van de tijd



         // create basic table structure

         var text = "" 

         text += '<CENTER>'

         text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' 

         text +=         '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' 

         text +=                 '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' 

         text +=                         monthName + ' ' + year 

         text +=                 '</FONT>' 

         text +=         '</TH>' 



         

         var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'

         openCol += '<FONT COLOR="' + dayColor + '">'

         var closeCol = '</FONT></TD>'



         

         var weekDay = new Array(7)

         weekDay[0] = "Zon"



         weekDay[1] = "Maa"

         weekDay[2] = "Din"

         weekDay[3] = "Woe"

         weekDay[4] = "Don"

         weekDay[5] = "Vrij"

         weekDay[6] = "Zat"

         

        

         text += '<TR ALIGN="center" VALIGN="center">'

         for (var dayNum = 0; dayNum < 7; ++dayNum) {

                 text += openCol + weekDay[dayNum] + closeCol 

         }

         text += '</TR>'

         

         
         var digit = 1

         var curCell = 1

         

         for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {

                 text += '<TR ALIGN="right" VALIGN="top">'

                 for (var col = 1; col <= 7; ++col) {

                         if (digit > lastDate)

                                 break

                         if (curCell < firstDay) {

                                 text += '<TD></TD>';

                                 curCell++

                         } else {

                                 if (digit == date) { 
                                         text += '<TD HEIGHT=' + cellHeight + '>'

                                         text += '<FONT COLOR="' + todayColor + '">'

                                         text += digit

                                         text += '</FONT><BR>'

                                         text += '<FONT COLOR="' + timeColor + '" SIZE=2>'

                                         text += '<CENTER>' + getTime() + '</CENTER>'



                                         text += '</FONT>'

                                         text += '</TD>'

                                 } else

                                         text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'

                                 digit++

                         }

                 }

                 text += '</TR>'

         }

         

         

         text += '</TABLE>'

         text += '</CENTER>'



        

         document.write(text) 

 }



 // -->

 </SCRIPT>

nu zou ik dit script in een extern blad willen aanmaken en dan oproepen, wat moet ik daarvoor aanpassen, het enige dat ik weet is dat de <script> tag weg moet maar dit heb ik geprobeerd maar dit lukt nog niet, wat moet ik nog aanpassen? alvast bedankt voor jullie antwoordtje

grtz ringo
 
Ehwl...
[js] text += '</CENTER>'[/js]


Anyway: wat je doet is dit; haal de <script> en comment (dat <!-- en //--> gedoe) tags weg uit het stukje code, sla het op als zomaariets.js en zet dan dit in de HTML:

HTML:
<script src='zomaariets.js'></script>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan