The calendar pop up should work alone when you define
a date datatype, just like examples.
In respect to the style I think that you cant define
your own style for the pop up because the calendar
style is implicit to the html code of the pop up
window. I mean something like:
<html>
<head>
<title>Calendar</title>
<style>
...
</style>
.
.
.
If the calendar would make some code like:
<link href="calendar.css" .../>
you could map that css in your sitemap to another one
and change the style easily, according to the style of
your application.
It's only a thinking ...
See ya.
Manuel Mata.
--- Andre Juffer <[EMAIL PROTECTED]> escribió:
> Peter,
>
> I did the following with cocoon 2.1.9:
>
> in your html page send back to the client:
>
> <link
> href="resources/forms/css/forms-calendar.css"
> type="text/css" rel="stylesheet" />
> <script type="text/javascript"
>
src="/cocoon/_cocoon/resources/dojo/dojo.js"></script>
> <script type="text/javascript"
>
src="/cocoon/_cocoon/resources/ajax/cocoon.js"></script>
> <script type="text/javascript"
>
src="/cocoon/_cocoon/resources/forms/js/forms-lib.js"></script>
> <script
> type="text/javascript"><!--//--><![CDATA[//><!--
> dojo.addOnLoad(forms_onload);
> dojo.require("cocoon.forms.*");
> //--><!]]></script>
>
> <script type="text/javascript"
> src="mattkruse-lib/AnchorPosition.js"></script>
> <script type="text/javascript"
> src="mattkruse-lib/PopupWindow.js"></script>
> <script type="text/javascript"
> src="mattkruse-lib/OptionTransfer.js"></script>
> <script type="text/javascript"
> src="mattkruse-lib/selectbox.js"></script>
> <script
> xmlns:i18n="http://apache.org/cocoon/i18n/2.1";
> type="text/javascript"
> src="mattkruse-lib/CalendarPopup.js"></script>
> <script type="text/javascript"
> src="mattkruse-lib/date.js"></script>
> <script
> type="text/javascript"><!--//--><![CDATA[//><!--
> var forms_calendar = CalendarPopup();
> forms_calendar.setWeekStartDay(1);
> forms_calendar.showYearNavigation();
>
> forms_calendar.showYearNavigationInput();
> forms_calendar.setCssPrefix("forms_");
> //--><!]]></script>
>
>
> Form definition:
>
> <fd:field id="date_arrival">
> <fd:label>Date of arrival
> (dd/MM/yyyy):</fd:label>
> <fd:datatype base="date">
> <fd:convertor>
> <fd:patterns>
> <fd:pattern>dd/MM/yyyy</fd:pattern>
> </fd:patterns>
> </fd:convertor>
> </fd:datatype>
>
>
> Template:
>
> <ft:widget-label id="date_arrival" />
> <ft:widget id="date_arrival" />
>
> Sitemap:
>
> <map:match pattern="resources/forms/img/*">
> <map:read
> src="cocoon://_cocoon/resources/forms/img/{1}" />
> </map:match>
>
> <map:match pattern="resources/dojo/*">
> <map:read
> src="cocoon://_cocoon/resources/dojo/{1}" />
> </map:match>
>
> <map:match pattern="resources/ajax/*">
> <map:read
> src="cocoon://_cocoon/resources/ajax/{1}" />
> </map:match>
>
> <map:match pattern="resources/forms/css/*">
> <map:read
> src="cocoon://_cocoon/resources/forms/css/{1}" />
> </map:match>
>
> <map:match pattern="resources/forms/js/*">
> <map:read
> src="cocoon://_cocoon/resources/forms/js/{1}" />
> </map:match>
>
> <map:match pattern="mattkruse-lib/*">
> <map:read
>
src="cocoon://_cocoon/resources/forms/mattkruse-lib/{1}"
> />
> </map:match>
>
>
> You can include your own css to overwrite the
> styling of your form elements.
>
> Hope this helps,
> Andre
>
>
> Peter Sparkes wrote:
> > Hi,
> >
> > I am trying to use CalendarPopup.js to enable
> users to enter a date in a
> > simple html form
> >
> > I am using cocoon 2.1 10
> >
> > Can anybody please send me details of a simple
> example
> >
> > Thanks
> >
> > Peter Sparkes
> >
> >
>
---------------------------------------------------------------------
> > To unsubscribe, e-mail:
> [EMAIL PROTECTED]
> > For additional commands, e-mail:
> [EMAIL PROTECTED]
> >
>
>
> --
> Andre H. Juffer | Email:
> [EMAIL PROTECTED]
> The Biocenter and | WWW:
> www.biochem.oulu.fi/Biocomputing/
> the Dep. of Biochemistry | Fax: +358-8-553-1141
> University of Oulu, Finland | Phone: +358-8-553
> 1161
> Triacle Biocomputing | WWW:
> www.triacle-bc.com
>
>
---------------------------------------------------------------------
> To unsubscribe, e-mail:
> [EMAIL PROTECTED]
> For additional commands, e-mail:
> [EMAIL PROTECTED]
>
>
____________________________________________________________________________________
Sé un Mejor Amante del Cine
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
http://advision.webevents.yahoo.com/reto/entretenimiento.html
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
