cocoon-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Manuel Mata <manuel_mata_ru...@yahoo.es>
Subject Re: CalendarPopup.js
Date Tue, 09 Oct 2007 18:49:17 GMT
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 <ajuffer@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


Mime
View raw message