Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
reddynaveen #1
event calendar
hi,
my calendar shows all the events of perticular day. in text area its fine. i
am defining URL in vector . that URL is appearing in text area. is it any
solution to click that url address and to get in new brouser window. how to
dispaly that url in heigh light mode.is there any other method to watch all the
events of on that day for number of url s brousing.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Calendar of Events</title>
<style type="text/css">
#evtcal a:link {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color:
#004400; text-decoration:none;} /* unvisited link */
#evtcal a:visited {font: normal 12pt "Arial", "Helvetica", "Sans Serif";
color: #004400; text-decoration:none;} /* visited link */
#evtcal a:hover {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color:
#004400; text-decoration:underline;} /* mouse over link */
#evtcal a:active {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color:
#004400; text-decoration: none;} /* selected link */
</style>
<script language="JavaScript" type="text/javascript" src="events.js"></script>
<script type="text/JavaScript" language="JavaScript">
/* Preload images script */
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image();
myimages[i].src=preloadimages.arguments[i];
}
}
/* The path of images to be preloaded inside parenthesis: (Extend list as
desired.) */
preloadimages("images/PrevYrOff40x40.jpg","images/PrevYrOn40x40.jpg","images/Pre
vMoOff40x40.jpg","images/PrevMoOn40x40.jpg","images/NextYrOff40x40.jpg","images/
NextYrOn40x40.jpg","images/NextMoOff40x40.jpg","images/NextMoOn40x40.jpg");
/************************************************** *****************************
********
JavaScript Calendar - Digital Christian Design
//Script featured on and available at JavaScript Kit:
[url]http://www.javascriptkit.com[/url]
// Functions
changedate(): Moves to next or previous month or year, or current month
depending on the button clicked.
createCalendar(): Renders the calander into the page with links for each to
fill the date form filds above.
************************************************** ******************************
*******/
var thisDate = 1; // Tracks current date being written in calendar
var wordMonth = new
Array("January","February","March","April","May"," June","July","August","Septemb
er","October","November","December");
var today = new Date(); // Date object to store the current date
var todaysDay = today.getDay() + 1; // Stores the current day number 1-7
var todaysDate = today.getDate(); // Stores the current numeric date
within the month
var todaysMonth = today.getUTCMonth() + 1; // Stores the current month 1-12
var todaysYear = today.getFullYear(); // Stores the current year
var monthNum = todaysMonth; // Tracks the current month being displayed
var yearNum = todaysYear; // Tracks the current year being displayed
var firstDate = new Date(String(monthNum)+"/1/"+String(yearNum)); // Object
Storing the first day of the current month
var firstDay = firstDate.getUTCDay(); // Tracks the day number 1-7 of the
first day of the current month
var lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum)); // Tracks
the last date of the current month
var numbDays = 0;
var calendarString = "";
var eastermonth = 0;
var easterday = 0;
function changedate(buttonpressed) {
if (buttonpressed == "prevyr") yearNum--;
else if (buttonpressed == "nextyr") yearNum++;
else if (buttonpressed == "prevmo") monthNum--;
else if (buttonpressed == "nextmo") monthNum++;
else if (buttonpressed == "return") {
monthNum = todaysMonth;
yearNum = todaysYear;
}
if (monthNum == 0) {
monthNum = 12;
yearNum--;
}
else if (monthNum == 13) {
monthNum = 1;
yearNum++
}
lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));
numbDays = lastDate.getDate();
firstDate = new Date(String(monthNum)+"/1/"+String(yearNum));
firstDay = firstDate.getDay() + 1;
createCalendar();
return;
}
function easter(year) {
// feed in the year it returns the month and day of Easter using two GLOBAL
variables: eastermonth and easterday
var a = year % 19;
var b = Math.floor(year/100);
var c = year % 100;
var d = Math.floor(b/4);
var e = b % 4;
var f = Math.floor((b+8) / 25);
var g = Math.floor((b-f+1) / 3);
var h = (19*a + b - d - g + 15) % 30;
var i = Math.floor(c/4);
var j = c % 4;
var k = (32 + 2*e + 2*i - h - j) % 7;
var m = Math.floor((a + 11*h + 22*k) / 451);
var month = Math.floor((h + k - 7*m + 114) / 31);
var day = ((h + k - 7*m +114) % 31) + 1;
eastermonth = month;
easterday = day;
}
function createCalendar() {
calendarString = '';
var daycounter = 0;
calendarString += '<table width="312" border="1" cellpadding="0"
cellspacing="1">';
calendarString += '<tr>';
calendarString += '<td align=\"center\" valign=\"center\" width=\"40\"
height=\"40\"><a href=\"#\"
onMouseOver=\"document.PrevYr.src=\'images\/PrevYrOn40x40\.jpg\';\"
onMouseOut=\"document.PrevYr.src=\'images\/PrevYrOff40x40\.jpg\';\"
onClick=\"changedate(\'prevyr\')\"><img name=\"PrevYr\"
src=\"images\/PrevYrOff40x40\.jpg\" width=\"40\" height=\"40\" border=\"0\"
alt=\"Prev Yr\"\/><\/a><\/td>';
calendarString += '<td align=\"center\" valign=\"center\" width=\"40\"
height=\"40\"><a href=\"#\"
onMouseOver=\"document.PrevMo.src=\'images\/PrevMoOn40x40\.jpg\';\"
onMouseOut=\"document.PrevMo.src=\'images\/PrevMoOff40x40\.jpg\';\"
onClick=\"changedate(\'prevmo\')\"><img name=\"PrevMo\"
src=\"images\/PrevMoOff40x40\.jpg\" width=\"40\" height=\"40\" border=\"0\"
alt=\"Prev Mo\"\/><\/a><\/td>';
calendarString += '<td bgcolor=\"#C8C896\" align=\"center\" valign=\"center\"
width=\"128\" height=\"40\" colspan=\"3\"><b>' + wordMonth[monthNum-1] +
' ' + yearNum + '<\/b><\/td>';
calendarString += '<td align=\"center\" valign=\"center\" width=\"40\"
height=\"40\"><a href=\"#\"
onMouseOver=\"document.NextMo.src=\'images\/NextMoOn40x40\.jpg\';\"
onMouseOut=\"document.NextMo.src=\'images\/NextMoOff40x40\.jpg\';\"
onClick=\"changedate(\'nextmo\')\"><img name=\"NextMo\"
src=\"images\/NextMoOff40x40\.jpg\" width=\"40\" height=\"40\" border=\"0\"
alt=\"Next Mo\"\/><\/a><\/td>';
calendarString += '<td align=\"center\" valign=\"center\" width=\"40\"
height=\"40\"><a href=\"#\"
onMouseOver=\"document.NextYr.src=\'images\/NextYrOn40x40\.jpg\';\"
onMouseOut=\"document.NextYr.src=\'images\/NextYrOff40x40\.jpg\';\"
onClick=\"changedate(\'nextyr\')\"><img name=\"NextYr\"
src=\"images\/NextYrOff40x40\.jpg\" width=\"40\" height=\"40\" border=\"0\"
alt=\"Next Yr\"\/><\/a><\/td>';
calendarString += '<\/tr>';
calendarString += '<tr>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Sun<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Mon<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Tue<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Wed<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Thu<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Fri<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\"
width=\"40\" height=\"22\">Sat<\/td>';
calendarString += '<\/tr>';
thisDate == 1;
for (var i = 1; i <= 6; i++) {
calendarString += '<tr>';
for (var x = 1; x <= 7; x++) {
daycounter = (thisDate - firstDay)+1;
thisDate++;
if ((daycounter > numbDays) || (daycounter < 1)) {
calendarString += '<td align=\"center\" bgcolor=\"#888888\" height=\"30\"
width=\"40\"> <\/td>';
} else {
if (checkevents(daycounter,monthNum,yearNum,i,x) || ((todaysDay == x) &&
(todaysDate == daycounter) && (todaysMonth == monthNum))){
if ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth ==
monthNum)) {
calendarString += '<td align=\"center\" bgcolor=\"#AAFFAA\"
height=\"30\" width=\"40\"><a href=\"javascript:showevents(' + daycounter + ','
+ monthNum + ',' + yearNum + ',' + i + ',' + x + ')\">' + daycounter +
'<\/a><\/td>';
}
else calendarString += '<td align=\"center\" bgcolor=\"#FFFFC8\"
height=\"30\" width=\"40\"><a href=\"javascript:showevents(' + daycounter + ','
+ monthNum + ',' + yearNum + ',' + i + ',' + x + ')\">' + daycounter +
'<\/a><\/td>';
} else {
calendarString += '<td align=\"center\" bgcolor=\"#DDFFFF\" height=\"30\"
width=\"40\">' + daycounter + '<\/td>';
}
}
}
calendarString += '<\/tr>';
}
calendarString += '<tr><td colspan=\"7\" nowrap align=\"center\"
valign=\"center\" bgcolor=\"#C8C896\" width=\"280\" height=\"22\"><a
href=\"javascript:changedate(\'return\')\"><b>Show Current
Date<\/b><\/a><\/td><\/tr><\/table>';
var object=document.getElementById('calendar');
object.innerHTML= calendarString;
thisDate = 1;
}
function checkevents(day,month,year,week,dayofweek) {
var numevents = 0;
var floater = 0;
for (var i = 0; i < events.length; i++) {
if (events[i][0] == "W") {
if ((events[i][2] == dayofweek)) numevents++;
}
else if (events[i][0] == "Y") {
if ((events[i][2] == day) && (events[i][1] == month)) numevents++;
}
else if (events[i][0] == "F") {
if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
easter(year);
if (easterday == day && eastermonth == month) numevents++;
} else {
floater = floatingholiday(year,events[i][1],events[i][2],ev
reddynaveen Guest
-
PHP MySQL Event Calendar that's DW friendly
I've tried ExtCal 2.0 and I'm not satisfied. It's loaded with features, but I want something that I can use my own page layout template and drop in... -
Web Event Calendar
I am very new to php. i have it installed at least I think so, and I have MySQL and SQL 2000 insralled. I have dreamweaver installed as well. I... -
monthly event calendar
I'm looking for a ColdFusion application that simply outputs data that is already in a database into a monthly calendar. I would like the months to... -
Extending Calendar to add Day Click Event
Hello, I am trying to extend the Calendar Control to add a event for a Day Click. Currently we have a "SelectionChanged" event. I would like an... -
Problem with displaying a red dot in a event calendar
Hi, guys, I am trying to build an event calendar using asp, i want to display a redot whenever there is an event on that day. i built the ms access...



Reply With Quote

