You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@cocoon.apache.org by Peter Sparkes <pe...@didm.co.uk> on 2007/10/08 18:52:49 UTC
CalendarPopup.js
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: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org
Re: CalendarPopup.js
Posted by Peter Sparkes <pe...@didm.co.uk>.
I have now got it working
Peter Sparkes
> 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: users-unsubscribe@cocoon.apache.org
> For additional commands, e-mail: users-help@cocoon.apache.org
>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org
Re: CalendarPopup.js
Posted by Peter Sparkes <pe...@didm.co.uk>.
Thanks Andre
I have now got it working
Peter
> 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: users-unsubscribe@cocoon.apache.org
>> For additional commands, e-mail: users-help@cocoon.apache.org
>>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org
Re: CalendarPopup.js
Posted by Manuel Mata <ma...@yahoo.es>.
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 <aj...@sun3.oulu.fi> 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:
> users-unsubscribe@cocoon.apache.org
> > For additional commands, e-mail:
> users-help@cocoon.apache.org
> >
>
>
> --
> Andre H. Juffer | Email:
> Andre.Juffer@oulu.fi
> 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:
> users-unsubscribe@cocoon.apache.org
> For additional commands, e-mail:
> users-help@cocoon.apache.org
>
>
____________________________________________________________________________________
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: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org
Re: CalendarPopup.js
Posted by Andre Juffer <aj...@sun3.oulu.fi>.
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: users-unsubscribe@cocoon.apache.org
> For additional commands, e-mail: users-help@cocoon.apache.org
>
--
Andre H. Juffer | Email: Andre.Juffer@oulu.fi
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: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org