Tx fro the great instructions, it worked fine usin struts in my case. The diference was in step 3:
3. Edit web/decorators/default.jsp <link href= "<c:url value='/styles/calendar.css'/>" type= "text/css" rel= "stylesheet" /> <script type= "text/javascript" src="<c:url value='/scripts/calendar.js'/>" ></script> <script type= "text/javascript" src="<c:url value='/scripts/calendar-setup.js'/>" ></script> <script type= "text/javascript" src= "<c:url value='/scripts/lang/calendar-en.js'/>" ></script> I also took of the button in step 4. []s Matt Raible-3 wrote: > > On 9/4/06, Richard Nduka <[EMAIL PROTECTED]> wrote: >> I have tried the date tutorials in appfuse that used jscalendar on >> thogau.net and dosent seem to be working for me. The online demo didnt > work >> as well. >> >> >> >> On 9/4/06, Richard Nduka <[EMAIL PROTECTED]> wrote: >> > >> > Matt, Do you have Struts based instructions for integrating jsCalendar? > > Here's what I have for Spring MVC - should be easy to adapt step 4 for > Struts: > > 1. > Download<http://prdownloads.sourceforge.net/jscalendar/jscalendar-1.0.zip?use_mirror=easynews>the > *Coolest DHTML / JavaScript Calendar* from > http://www.dynarch.com/projects/calendar. > > 2. Extract the *jscalendar-1.0.zip* file to your hard drive and copy > the following files to your project folder. > > · calendar.js → web/scripts/ > > · calendar-setup.js → web/scripts/ > > · lang/* → web/scripts/lang/ > > · calendar-green.css → web/styles/calendar.css > > 3. In *web/decorators/decorator.jsp*, append the following CSS and > JavaScript files. > > <link href="${ctx}/styles/calendar.css" type="text/css" rel="stylesheet"/> > > <script type="text/javascript" src="${ctx}/scripts/calendar.js"></script> > > <script type="text/javascript" src="${ctx}/scripts/calendar-setup.js" >></script> > > <script type="text/javascript" src="${ctx}/scripts/lang/calendar-en.js" >></script> > > 4. Add an id attribute to the birthDate field and add a button to > invoke the calendar. > > <input type="text" name="${status.expression}" > > id="${status.expression}" value="${status.value}" size="11"/> > > <button id="birthDateCal" type="button" class="button">...</button> > > 5. Add JavaScript to the bottom of the page to initialize the > calendar > for the birthDateCal button. > > <script type="text/javascript"> > > Calendar.setup( > > { > > inputField : "birthDate", // id of the input field > > ifFormat : "%m/%d/%Y", // the date format > > button : "birthDateCal" // id of the button > > } > > ); > > </script> > > > > Hope this helps, > > Matt > >> > >> > >> > On 8/29/06, Matt Raible <[EMAIL PROTECTED]> wrote: >> > > You'll need to create it. If you're not putting calendars on >> multiple >> > > pages, you should be able to simply include the necessary JavaScript >> > > at the bottom of your page or something. I also have instructions >> for >> > > jsCalendar (from Spring Live) if anyone is interested. >> > > >> > > http://www.dynarch.com/projects/calendar/ >> > > >> > > Matt >> > > >> > > On 8/29/06, Richard Nduka <[EMAIL PROTECTED] > wrote: >> > > > >> > > > I cant seem to find Calendar.jsp in my /common directory. Where can > i >> locate >> > > > this file? >> > > > Thanks. >> > > > >> > > > >> > > > On 8/29/06, Matt Raible < [EMAIL PROTECTED]> wrote: >> > > > > >> > > > This should help: >> > > > >> > > > >> > http://www.nabble.com/Re%3A-Is-calendar.js-used-in-appFuse--p5878292s2369.html >> > > > >> > > > <html:text property="completionDate" styleId="closingDate" > size="11"/> >> > > > ? > > > id="completionDateAnchor" >> > > > >> > > > >> onclick="cal.select(document.educationForm.completionDate, >> > > > this.id,'MM/dd/yyyy'); return false;"><html:img >> > > > altKey="icon.cal" >> > > > page="/images/iconCalendar.gif" >> > > > styleClass="calIcon"/> >> > > > >> > > > You'll also need this from calendar.jsp: >> > > > >> > > > <div id="calDiv" class="calDiv"></div> >> > > > <script type="text/javascript"> >> > > > <!-- >> > > > if ( document.layers) { // Netscape 4 hack >> > > > var cal = new CalendarPopup(); >> > > > } else { >> > > > var cal = new CalendarPopup("calDiv"); >> > > > document.write(cal.getStyles()); >> > > > } >> > > > // --> >> > > > </script> >> > > > >> > > > Matt >> > > > On 8/28/06, Richard Nduka < [EMAIL PROTECTED] > wrote: >> > > > > >> > > > > Sorry i couldnt reply this mail on time. I am using the struts >> web >> > > > > framework. >> > > > > >> > > > > Thanks. >> > > > > >> > > > > >> > > > > On 8/25/06, Matt Raible < [EMAIL PROTECTED]> wrote: >> > > > > > >> > > > > On 8/25/06, Richard Nduka < [EMAIL PROTECTED]> wrote: >> > > > > > >> > > > > > Hi, >> > > > > > >> > > > > > Has anyone integrated the calendar.js script into your appfuse >> > > > application >> > > > > > or some form of date picker in your appfuse application? If you >> have >> > > > done >> > > > > so >> > > > > > please could you shed some light pleaseeeeeeeeeeeeeee. I need >> to >> > > > > integrated >> > > > > > 2 date fields and i am having one hell of a time i wonder why. >> > > > > >> > > > > Which web framework are you using? I have solutions for all 5 >> frameworks. >> > > > > >> > > > > Matt >> > > > > >> > > > > >> > > > >> --------------------------------------------------------------------- >> > > > > >> > > > > To unsubscribe, e-mail: >> > > > > [EMAIL PROTECTED] >> > > > > For additional commands, e-mail: [EMAIL PROTECTED] >> > > > > >> > > > > >> > > > > >> > > > >> > > > >> --------------------------------------------------------------------- >> > > > >> > > > To unsubscribe, e-mail: >> > > > [EMAIL PROTECTED] >> > > > For additional commands, e-mail: [EMAIL PROTECTED] >> > > > >> > > > >> > > > >> > > >> > > >> --------------------------------------------------------------------- >> > > To unsubscribe, e-mail: >> [EMAIL PROTECTED] >> > > For additional commands, e-mail: [EMAIL PROTECTED] >> > > >> > > >> > >> > >> >> > > -- View this message in context: http://www.nabble.com/Re%3A-Struts-Based-Instructions-for-jsCalendar-tf2214231s2369.html#a8228373 Sent from the AppFuse - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
