Re: JSP calendars

Sat, 03 Jun 2006 10:33:36 -0700

Hi Sam,
 U need to copy paste the code and save as .html extension. It works. however if u wish to run on java enabled server give extension as .jsp convert to jsp tags like <%   %>tag for code of java for calling an event from the database for the particular day pointed by the mouse by using java code for monitoring mouse actions.The code I sent was _javascript_ which u can convert into jsp and copy the file into the public_html folder of j2sdkee .Start the j2ee server  open the browser and run the jsp file.
 
If u want me to do then let me know. It will be pleasure to convert to jsp file.
 
On 6/3/06, samearle <[EMAIL PROTECTED]> wrote:

Jay,

first, this isn't a Java Server Page, but it is _javascript_. Is that
what you meant? page extention .htm, not .jsp

As either it has errors and I can't get it to run.

Do you have a live example of it runnig?

Thanks,

Sam

[EMAIL PROTECTED] wrote:
> Hello,
> This is the jsp code for calendar.
>
> code for popup calendar in using _javascript_:-------
> <html>
> <head>
> <title>Calender</title>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1">
> <style type="text/css">
> <!--
>
> .calcaption {  font-family: Arial; font-size: 12px; font-weight: bold;
> color: #FFFFFF; background-color: #003399; border: #003399;
> border-style: solid; border-top-width: 3px; border-right-width: 3px;
> border-bottom-width: 3px; border-left-width: 3px}
> .calender {  background-color: #CCCCCC; width: 250px; clip:   rect(
> )}
> .calborder {  border: 2px #CCCCCC outset}
> .caldropdowns {  font-family: Arial, Helvetica, sans-serif; font-size:
> 12px; font-weight: bold; color: #000000; background-color: #FFFFFF;
> width: auto; clip:  rect(   )}
> .calbutts {  font-family: Arial; font-size: 12px; font-weight: bold;
> color: #000000; background-color: #CCCCCC; width: auto; clip:  rect(
> ); cursor: hand; border-style: none}
> .calinsideborder { border: 2px #CCCCCC inset; clip:   rect(   )}
> .caldays { font-family: Arial; font-size: 12px; font-weight: bold;
> color: #000000; background-color: #999999; text-transform: uppercase}
> .calwknd { cursor: hand;font-family: Arial; font-size: 12px;
> font-weight: bold; color: #000000; background-color: #FFFFCC}
> .calwkdy { cursor: hand;font-family: Arial; font-size: 12px;
> font-weight: bold; color: #000000; background-color: #FFFFFF }
> .calinsidesettings { clip:  rect(   ); width: 250px}
> -->
> </style>
> <SCRIPT LANGUAGE="_javascript_">
> <!--
>
> var now   = new Date();
>
>
> var firstyear=now.getYear()-1;  //how many years back!
> var lastyear=now.getYear()+3;  //1 higher than the years from today you
> wish to display.
> var colour="#cccccc";//Greyed out days.
> var coltoday="#FF0000";//todays colour.
>
> // Click Function, Currently just displays the cell date, Modify for
> what you want to happen!
> // NB: cellday[cell] hold the date clicked in ddmmyyyy format.
> //-------------------------------------------------------------
>
> function message(cell)
> {
> alert(cellday[cell]);
> }
>
> // Calender Code, Modify only if you know what your doing. If you
> don't, just keep a back up!
> //--------------------------------------------------------------------------------------------
>
> var day   = now.getDate();
> var month = now.getMonth();
> var year  = now.getYear();
> if (year < 2000)
> year = year + 1900;
> var daycell=new Array();
> var cellday=new Array();
> var n;
>
> // Create Calender
> //-----------------
>
> function calendar()
> {
> var calobj, caption
>
> caption='JSP Calendar';
>
> calobj='<table border="1" cellspacing="0" cellpadding="0"
> class="calborder">';
> calobj+='<tr><td>';
> calobj+='<table border="0" cellspacing="2" cellpadding="0"
> class="calender">'
> calobj+='<tr><td colspan="5" class="calcaption">'+caption+'</td></tr>';
> calobj+='<tr><td colspan="3">';
> calobj+='<select name="calmonth"
> class="caldropdowns">';
> calobj+='<option>January<option>February<option>March<option>April<option>May';
> calobj+='<option>June<option>July<option>August<option>September<option>October';
>
> calobj+='<option>November<option>December</select>';
> calobj+='</td><td colspan="2" align="right">';
> calobj+='<select name="calyear"
> class="caldropdowns">';
>
> for (n=firstyear;n<lastyear;n++)
> {
>   if (n==year)
>   {
>      calobj+='<option selected value="'+n+'">'+n+'</option>';
>   }
>   else
>   {
>     calobj+='<option value="'+n+'">'+n+'</option>';
>   }
> }
> calobj+='</select>';
> calobj+='</td></tr>';
> calobj+='<tr><td colspan="5" class="calinsideborder">';
> calobj+='<table cellspacing="0" class="calinsidesettings" border="1">';
> calobj+='<tr align="center">';
> calobj+='<td width="14%" class="caldays">Sun</td>';
> calobj+='<td width="14%" class="caldays">Mon</td>';
> calobj+='<td width="14%" class="caldays">Tue</td>';
> calobj+='<td width="14%" class="caldays">Wed</td>';
> calobj+='<td width="14%" class="caldays">Thu</td>';
> calobj+='<td width="14%" class="caldays">Fri</td>';
> calobj+='<td width="14%" class="caldays">Sat</td>';
> calobj+='</tr>';
>
> var calcell,calrow
> for (calcell=0;calcell<6;calcell++)
> {
> calobj+='<tr><td class="calwknd" width="14%" id=cal'+(calcell*7)+'
> >> calobj+='<td width="14%" class="calwkdy" id=cal'+(calcell*7+1)+'
>
> calobj+='<td width="14%" class="calwkdy" id=cal'+(calcell*7+2)+'
> >> calobj+='<td width="14%" class="calwkdy" id=cal'+(calcell*7+3)+'
> >> calobj+='<td width="14%" class="calwkdy" id=cal'+(calcell*7+4)+'
>
> calobj+='<td width="14%" class="calwkdy" id=cal'+(calcell*7+5)+'
> >> calobj+='<td class="calwknd" width="14%" id=cal'+(calcell*7+6)+'
> >> }
> calobj+='</table>';
> calobj+='</td></tr>';
> calobj+='<tr align="center">';
> calobj+='<td width="20%">';
> calobj+='<input type="button" name="backyear" value="&lt;&lt;"
> class="calbutts"
> calobj+='</td>';
> calobj+='<td width="20%">';
> calobj+='<input type="button" name="backmonth" value="&lt;"
> class="calbutts"
> calobj+='</td>';
> calobj+='<td width="20%">';
> calobj+='<input type="button" name="TODAY" value="TODAY"
> class="calbutts"
> calobj+='</td>';
> calobj+='<td width="20%">';
> calobj+='<input type="button" name="onmonth" value="&gt;"
> class="calbutts"
> calobj+='</td>';
> calobj+='<td width="20%">';
> calobj+='<input type="button" name="onyear" value="&gt;&gt;"
> class="calbutts"
> calobj+='</td>';
> calobj+='</tr>';
> calobj+='</table>';
> calobj+='</td>';
> calobj+='</tr>';
> calobj+='</table>';
>
> document.write (calobj)
>
> daycell[0]=cal0;
> daycell[1]=cal1;
> daycell[2]=cal2;
> daycell[3]=cal3;
> daycell[4]=cal4;
> daycell[5]=cal5;
> daycell[6]=cal6;
> daycell[7]=cal7;
> daycell[8]=cal8;
> daycell[9]=cal9;
> daycell[10]=cal10;
> daycell[11]=cal11;
> daycell[12]=cal12;
> daycell[13]=cal13;
> daycell[14]=cal14;
> daycell[15]=cal15;
> daycell[16]=cal16;
> daycell[17]=cal17;
> daycell[18]=cal18;
> daycell[19]=cal19;
> daycell[20]=cal20;
> daycell[21]=cal21;
> daycell[22]=cal22;
> daycell[23]=cal23;
> daycell[24]=cal24;
> daycell[25]=cal25;
> daycell[26]=cal26;
> daycell[27]=cal27;
> daycell[28]=cal28;
> daycell[29]=cal29;
> daycell[30]=cal30;
> daycell[31]=cal31;
> daycell[32]=cal32;
> daycell[33]=cal33;
> daycell[34]=cal34;
> daycell[35]=cal35;
> daycell[36]=cal36;
> daycell[37]=cal37;
> daycell[38]=cal38;
> daycell[39]=cal39;
> daycell[40]=cal40;
> daycell[41]=cal41;
>
> caltoday()
> updatecalendar()
> }
>
> // Set today
> //-----------
>
> function caltoday()
> {
> day   = now.getDate();
> calmonth.selectedIndex=now.getMonth();
> calyear.value=now.getYear();
> updatecalendar()
> }
>
> // Refresh Cells and Dates
> //-------------------------
>
> function updatecalendar()
> {
> month = calmonth.selectedIndex
> year  = calyear.value
>
> var firstOfMonth = new Date (year, month, 1);
> var startingPos = firstOfMonth.getDay();
> var curday=1
> var days=monthdays(month,year)
> var prevdays=monthdays(month-1,year)
> var str
>
> for (n=0;n<42;n++)
> {
>   if (startingPos==n)
>   {
>       if (month==now.getMonth()&year==now.getYear()&curday==now.getDate())
>       {
>       str=curday
>     daycell[n].innerHTML="<font
> color='"+coltoday+"'>"+str.toString()+"</font>"
>       }
>       else
>       {
>       daycell[n].innerHTML=curday
>       }
>       setday(n,month,year,curday);
>     startingPos++
>     curday++
>   }
>   else
>   {
>         if (startingPos==66)
>         {
>         setday(n,month+1,year,curday);
>         str=curday
>         curday++
>         }
>         else
>         {
>         setday(n,month-1,year,prevdays-startingPos+n+1);
>       str=prevdays-startingPos+n+1
>         }
>       daycell[n].innerHTML="<font
> color='"+colour+"'>"+str.toString()+"</font>"
>   }
>
>   if (curday>days){
>   curday=1
>   startingPos=66
>   }
> }
> }
>
> // Set day variables
> //-------------------
>
> function setday(cell,month,year,day)
> {
> month++
> if (month==13){month=1;year++}
> if (month==0){month=12;year--}
>
> var strmon;
> var stryear;
> var strday;
>
> strmon=month.toString();
> if (strmon.length==1){strmon="0"+strmon}
> strday= day.toString();
> if (strday.length==1){strday="0"+strday}
> stryear=year.toString();
>
> cellday[cell]=strday+strmon+stryear
> }
>
> // Check days in month
> //---------------------
>
> function monthdays(month,year)  {
> var days;
> if (month==0 || month==2 || month==4 || month==6 || month==7 ||
> month==9 || month==11 || month==-1 || month==12)  days=31;
> else if (month==3 || month==5 || month==8 || month==10) days=30;
> else if (month==1)  {
> if (leapyear(year)) { days=29; }
> else { days=28; }
> }
> return (days);
> }
>
> // Check for leap year
> //---------------------
>
> function leapyear (Year) {
> if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
> return (true);
> } else { return (false); }
> }
>
> // Forward one month
> //-------------------
>
> function goonmonth()
> {
>   month = calmonth.selectedIndex
>   month++
>   if (month==12)
>   {
>     month=0;
>     goonyear()
>   }
>   calmonth.selectedIndex=month
> }
>
> // Forward one year
> //------------------
>
> function goonyear()
> {
>   year  = calyear.value
>   year++
>   if (year==lastyear){year=firstyear}
>   calyear.value=year
> }
>
> // Back one month
> //----------------
>
> function gobackmonth()
> {
>   month = calmonth.selectedIndex
>   month--
>   if (month==-1)
>   {
>     month=11;
>     gobackyear()
>   }
>   calmonth.selectedIndex=month
> }
>
> // Back one year
> //---------------
>
> function gobackyear()
> {
>   year  = calyear.value
>   year--
>   if (year<firstyear){year=lastyear-1}
>   calyear.value=year
> }
>
> //-->
> </SCRIPT>
> </head>
>
> <body>
> <SCRIPT LANGUAGE="_javascript_">
> <!--
>
> calendar();
>
> //-->
> </SCRIPT>
> </body>
> </html>
>
> Need any modification please let me know..
> -Regards
> Jayesh T.
> [EMAIL PROTECTED] wrote:
> > Hello,
> >
> > I'm looking to create a frontend to google calendar on my website,
> > nothing fancy like adding and removing events, as I'll be doing that
> > from within google/thunderbird/etc
> >
> > Simply I want to be able to put a month block as seen when you view
> > your calendar, when the mouse moves over a date it will display an
> > event as a popup similar to how google does it for example. And the
> > ability to cycle through the months.
> >
> > I'm going to build it in stages, but I'm finding it hard to get
> > started, does anyone have any sample code on how to create something
> > like this? I find it easier to have some starting point and calendars
> > are very common...why reinvent the wheel? Would be nice if google
> > provide sample code for this so developers can hack it to their needs
> > and put it on their sites :-) Understandable they don't tho,
> > considering the vast number of languages available to web developers.
> >
> > anyway, email me if you are interested in helping, or getting what is
> > written ..... once its written
> > [EMAIL PROTECTED]
> >
> > Thanks guys
> > Mac



--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Google Calendar Data API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at http://groups.google.com/group/google-calendar-help-dataapi
-~----------~----~----~----~------~----~------~--~---

Reply via email to