You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by raindogs <co...@yahoo.com> on 2007/03/04 20:19:30 UTC

ajax4jsf and t:inputCalendar element conflict

I have a page that makes fairly heavy use of ajax4jsf processing. It all
works great, but now I want to add a t:inputCalendar element, which causes
the thing to blow up every time I submit it.

Some checking around the web reveals that there is a conflict here due to
the fact that Tomahawk expects certain elements of the page header that are
not returns when ajax4jsf is used. I did find some suggestions that involved
wrapping the page in "a4j:page" tags, but I've not had any luck with that
either.

The code from my page is pasted below, can anyone offer any suggestions
here? I'm happy to use something besides the Tomahawk calendar - all I
really want is my ajax4jsf page with a pop-up calendar element that is nice
and friendly for my users.

Thanks,
Alex

<%@ taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
 
<HTML>
    <HEAD> <title>Facility Form</title> 
    	<LINK REL="STYLESHEET" HREF="css/215style.css">
	</HEAD>
    <body bgcolor="white">
 
<f:view>
 
<h1>Facility Form</h1>
 
<h:form id="locationForm">
<h:panelGroup id="locationGroup">
	<h:panelGrid columns="2" style="margin-top:10px;" id="locationGrid">
 
			<h:outputText value="Address Name:" />
			<h:inputText id="addressName" value="#{locationForm.addressName}"  />
			 	
			<h:outputText value="Street Address:" /> 
			<h:inputText id="streetAddress" value="#{locationForm.streetAddress}" />
			 	
			<h:outputText value="City:" /> 
			<h:inputText id="city" value="#{locationForm.city}"  />
			 	
			<h:outputText value="State:" /> 
			<h:selectOneMenu value="#{locationForm.state}"
style="padding:0px;margin:0px;">
				<a4j:support event="onchange" action="#{locationForm.loadState}"
reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/> 
				<f:selectItems value ="#{locationForm.stateList}" />
			</h:selectOneMenu>
			 
			<h:outputText value="Zip Code:" /> 
			<h:selectOneMenu value="#{locationForm.zipcode}"
style="padding:0px;margin:0px;" id="zipcode">
				<a4j:support event="onchange" action="#{locationForm.loadZip}"
reRender="latitude, longitude, city" ajaxSingle="true"/> 
				<f:selectItems value ="#{locationForm.zipList}" />
			</h:selectOneMenu>
			
			<h:outputText value="Activation Date" /> 
			<t:inputCalendar id="activationDate"
value="#{locationForm.activationDate}"
renderAsPopup="true"></t:inputCalendar>
 
			<h:outputText value="County:" /> 
			<h:inputText id="county" value="#{locationForm.county}" />
			
			<h:outputText value="Notes:" /> 
			<h:inputTextarea id="notes" value="#{locationForm.notes}" />
 
			<h:outputText value="Latitude:" /> 
			<h:inputText id="latitude" value="#{locationForm.latitude}" />
 
			<h:outputText value="Longitude:" /> 
	
			<h:inputText id="longitude" value="#{locationForm.longitude}" />
			
			<h:commandButton value="Submit"
action="#{locationForm.submitNewLocation}" id="btnSubmitLocationForm"/>
			<h:outputText value="&nbsp;" escape="false"/>
			
		</h:panelGrid>
	</h:panelGroup>
</h:form>
 
</f:view>
 
</body>
</html> 	

-- 
View this message in context: http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
Sent from the MyFaces - Users mailing list archive at Nabble.com.


Re: ajax4jsf and t:inputCalendar element conflict

Posted by Danny Antonetti <da...@gmail.com>.
Thank you, I was wondering what this problem was.

ajax4JSF also conflicts with inputHtml.

Thanks

Danny

On 4/12/07, Andrew Robinson <an...@gmail.com> wrote:
>
> Haven't experience those issues.
>
> Try:
>
> 1) Make sure you use a date time converter with the correct time zone
> (if you are not setting the time zone it will use GMT/UTC and not the
> server's time zone)
> 2) Are you setting CSS styles that would interfere with the calender's
> elements?
>
> On 4/11/07, bansi <ma...@yahoo.com> wrote:
> >
> > I tried using popup calendar from Jenia.org but the calendar doesnt
> display
> > correct date . Also the calendar occupies the entire screen. Any
> > pointers/suggestions will be highly appreciated
> >
> > Regards
> > Bansi
> >
> >
> > Adrian Mitev-2 wrote:
> > >
> > > Jenia is good enough and its size is small.
> > >
> > > 2007/3/5, Wesley Hales <we...@gmail.com>:
> > >>
> > >> Yeah, you would think someone would have another good calendar
> component
> > >> -
> > >> that is being worked on.
> > >>
> > >> On 3/5/07, Adrian Mitev < adrian.mitev@googlemail.com> wrote:
> > >> >
> > >> > Bad that jenia has now version (the last is from 6 january 2006)
> > >> >
> > >> > 2007/3/5, Andrew Robinson <an...@gmail.com>:
> > >> > >
> > >> > > I also strongly recommend the jenia calendar over the t:inputDate
> or
> > >> > > t:inputCalendar. The tomahawk controls use document.write instead
> of
> > >> > > DOM manipulation (up to recently, you will have to make a bug
> search
> > >> > > to check) that breaks AJAX code. jenia's has given me no issues
> and
> > >> is
> > >> > > more flexible
> > >> > >
> > >> > > On 3/4/07, Wesley Hales < wesleyhales@gmail.com> wrote:
> > >> > > > Try the Jenia calendar component
> > >> > > > http://www.jenia.org/TestPopup/jsp/home.jsf .
> > >> > > >
> > >> > > >
> > >> > > >
> > >> > > > On 3/4/07, raindogs <co...@yahoo.com> wrote:
> > >> > > > >
> > >> > > > > I have a page that makes fairly heavy use of ajax4jsf
> processing.
> > >> > > It all
> > >> > > > > works great, but now I want to add a t:inputCalendar element,
> > >> > > which causes
> > >> > > > > the thing to blow up every time I submit it.
> > >> > > > >
> > >> > > > > Some checking around the web reveals that there is a conflict
> > >> here
> > >> > > due to
> > >> > > > > the fact that Tomahawk expects certain elements of the page
> > >> header
> > >> > > that
> > >> > > > are
> > >> > > > > not returns when ajax4jsf is used. I did find some
> suggestions
> > >> > > that
> > >> > > > involved
> > >> > > > > wrapping the page in "a4j:page" tags, but I've not had any
> luck
> > >> > > with that
> > >> > > > > either.
> > >> > > > >
> > >> > > > > The code from my page is pasted below, can anyone offer any
> > >> > > suggestions
> > >> > > > > here? I'm happy to use something besides the Tomahawk
> calendar -
> > >> > > all I
> > >> > > > > really want is my ajax4jsf page with a pop-up calendar
> element
> > >> > > that is
> > >> > > > nice
> > >> > > > > and friendly for my users.
> > >> > > > >
> > >> > > > > Thanks,
> > >> > > > > Alex
> > >> > > > >
> > >> > > > > <%@ taglib uri=" http://java.sun.com/jsf/core "  prefix="f"
> %>
> > >> > > > > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> > >> > > > > <%@ taglib uri=" http://myfaces.apache.org/tomahawk"
> > >> > > > prefix="t"%>
> > >> > > > > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
> > >> > > > prefix="a4j"%>
> > >> > > > >
> > >> > > > > <HTML>
> > >> > > > >     <HEAD> <title>Facility Form</title>
> > >> > > > >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> > >> > > > >         </HEAD>
> > >> > > > >     <body bgcolor="white">
> > >> > > > >
> > >> > > > > <f:view>
> > >> > > > >
> > >> > > > > <h1>Facility Form</h1>
> > >> > > > >
> > >> > > > > <h:form id="locationForm">
> > >> > > > > <h:panelGroup id="locationGroup">
> > >> > > > >         <h:panelGrid columns="2" style="margin-top:10px;"
> > >> > > > id="locationGrid">
> > >> > > > >
> > >> > > > >                         <h:outputText value="Address
> > >> > > > Name:" />
> > >> > > > >                         <h:inputText id="addressName"
> > >> > > > value="#{ locationForm.addressName}"  />
> > >> > > > >
> > >> > > > >                         <h:outputText value="Street
> > >> > > > Address:" />
> > >> > > > >                         <h:inputText id="streetAddress"
> > >> > > > value="#{locationForm.streetAddress }" />
> > >> > > > >
> > >> > > > >                         <h:outputText value="City:" />
> > >> > > > >                         <h:inputText id="city"
> > >> > > > value="#{locationForm.city}"  />
> > >> > > > >
> > >> > > > >                         <h:outputText value="State:" />
> > >> > > > >                         <h:selectOneMenu
> > >> > > > value="#{locationForm.state}"
> > >> > > > > style="padding:0px;margin:0px;">
> > >> > > > >                                 <a4j:support
> > >> > > > event="onchange" action="#{ locationForm.loadState}"
> > >> > > > > reRender="zipcode, latitude, longitude, city"
> ajaxSingle="true"/>
> > >> > > > >                                 <f:selectItems value
> > >> > > > ="#{locationForm.stateList}" />
> > >> > > > >                         </h:selectOneMenu>
> > >> > > > >
> > >> > > > >                         <h:outputText value="Zip Code:"
> > >> > > > />
> > >> > > > >                         <h:selectOneMenu
> > >> > > > value="#{locationForm.zipcode}"
> > >> > > > > style="padding:0px;margin:0px;" id="zipcode">
> > >> > > > >                                 <a4j:support
> > >> > > > event="onchange" action="#{locationForm.loadZip}"
> > >> > > > > reRender="latitude, longitude, city" ajaxSingle="true"/>
> > >> > > > >                                 <f:selectItems value
> > >> > > > ="#{locationForm.zipList}" />
> > >> > > > >                         </h:selectOneMenu>
> > >> > > > >
> > >> > > > >                         <h:outputText value="Activation
> > >> > > > Date" />
> > >> > > > >                         <t:inputCalendar
> > >> > > > id="activationDate"
> > >> > > > > value="#{locationForm.activationDate}"
> > >> > > > > renderAsPopup="true"></t:inputCalendar>
> > >> > > > >
> > >> > > > >                         <h:outputText value="County:" />
> > >> > > > >                         <h:inputText id="county"
> > >> > > > value="#{locationForm.county}" />
> > >> > > > >
> > >> > > > >                         <h:outputText value="Notes:" />
> > >> > > > >                         <h:inputTextarea id="notes"
> > >> > > > value="#{ locationForm.notes}" />
> > >> > > > >
> > >> > > > >                         <h:outputText value="Latitude:"
> > >> > > > />
> > >> > > > >                         <h:inputText id="latitude"
> > >> > > > value="#{locationForm.latitude }" />
> > >> > > > >
> > >> > > > >                         <h:outputText value="Longitude:"
> > >> > > > />
> > >> > > > >
> > >> > > > >                         <h:inputText id="longitude"
> > >> > > > value="#{ locationForm.longitude}" />
> > >> > > > >
> > >> > > > >                         <h:commandButton value="Submit"
> > >> > > > > action="#{locationForm.submitNewLocation}"
> > >> > > id="btnSubmitLocationForm"/>
> > >> > > > >                         <h:outputText value=""
> > >> > > > escape="false"/>
> > >> > > > >
> > >> > > > >                 </h:panelGrid>
> > >> > > > >         </h:panelGroup>
> > >> > > > > </h:form>
> > >> > > > >
> > >> > > > > </f:view>
> > >> > > > >
> > >> > > > > </body>
> > >> > > > > </html>
> > >> > > > >
> > >> > > > > --
> > >> > > > > View this message in context:
> > >> > > >
> > >> > >
> > >>
> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> > >> > > > > Sent from the MyFaces - Users mailing list archive at
> Nabble.com.
> > >> > > > >
> > >> > > > >
> > >> > > >
> > >> > > >
> > >> > >
> > >> >
> > >> >
> > >>
> > >
> > >
> >
> > --
> > View this message in context:
> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9950668
> > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> >
> >
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Andrew Robinson <an...@gmail.com>.
Haven't experience those issues.

Try:

1) Make sure you use a date time converter with the correct time zone
(if you are not setting the time zone it will use GMT/UTC and not the
server's time zone)
2) Are you setting CSS styles that would interfere with the calender's elements?

On 4/11/07, bansi <ma...@yahoo.com> wrote:
>
> I tried using popup calendar from Jenia.org but the calendar doesnt display
> correct date . Also the calendar occupies the entire screen. Any
> pointers/suggestions will be highly appreciated
>
> Regards
> Bansi
>
>
> Adrian Mitev-2 wrote:
> >
> > Jenia is good enough and its size is small.
> >
> > 2007/3/5, Wesley Hales <we...@gmail.com>:
> >>
> >> Yeah, you would think someone would have another good calendar component
> >> -
> >> that is being worked on.
> >>
> >> On 3/5/07, Adrian Mitev < adrian.mitev@googlemail.com> wrote:
> >> >
> >> > Bad that jenia has now version (the last is from 6 january 2006)
> >> >
> >> > 2007/3/5, Andrew Robinson <an...@gmail.com>:
> >> > >
> >> > > I also strongly recommend the jenia calendar over the t:inputDate or
> >> > > t:inputCalendar. The tomahawk controls use document.write instead of
> >> > > DOM manipulation (up to recently, you will have to make a bug search
> >> > > to check) that breaks AJAX code. jenia's has given me no issues and
> >> is
> >> > > more flexible
> >> > >
> >> > > On 3/4/07, Wesley Hales < wesleyhales@gmail.com> wrote:
> >> > > > Try the Jenia calendar component
> >> > > > http://www.jenia.org/TestPopup/jsp/home.jsf .
> >> > > >
> >> > > >
> >> > > >
> >> > > > On 3/4/07, raindogs <co...@yahoo.com> wrote:
> >> > > > >
> >> > > > > I have a page that makes fairly heavy use of ajax4jsf processing.
> >> > > It all
> >> > > > > works great, but now I want to add a t:inputCalendar element,
> >> > > which causes
> >> > > > > the thing to blow up every time I submit it.
> >> > > > >
> >> > > > > Some checking around the web reveals that there is a conflict
> >> here
> >> > > due to
> >> > > > > the fact that Tomahawk expects certain elements of the page
> >> header
> >> > > that
> >> > > > are
> >> > > > > not returns when ajax4jsf is used. I did find some suggestions
> >> > > that
> >> > > > involved
> >> > > > > wrapping the page in "a4j:page" tags, but I've not had any luck
> >> > > with that
> >> > > > > either.
> >> > > > >
> >> > > > > The code from my page is pasted below, can anyone offer any
> >> > > suggestions
> >> > > > > here? I'm happy to use something besides the Tomahawk calendar -
> >> > > all I
> >> > > > > really want is my ajax4jsf page with a pop-up calendar element
> >> > > that is
> >> > > > nice
> >> > > > > and friendly for my users.
> >> > > > >
> >> > > > > Thanks,
> >> > > > > Alex
> >> > > > >
> >> > > > > <%@ taglib uri=" http://java.sun.com/jsf/core "  prefix="f" %>
> >> > > > > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> >> > > > > <%@ taglib uri=" http://myfaces.apache.org/tomahawk"
> >> > > > prefix="t"%>
> >> > > > > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
> >> > > > prefix="a4j"%>
> >> > > > >
> >> > > > > <HTML>
> >> > > > >     <HEAD> <title>Facility Form</title>
> >> > > > >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> >> > > > >         </HEAD>
> >> > > > >     <body bgcolor="white">
> >> > > > >
> >> > > > > <f:view>
> >> > > > >
> >> > > > > <h1>Facility Form</h1>
> >> > > > >
> >> > > > > <h:form id="locationForm">
> >> > > > > <h:panelGroup id="locationGroup">
> >> > > > >         <h:panelGrid columns="2" style="margin-top:10px;"
> >> > > > id="locationGrid">
> >> > > > >
> >> > > > >                         <h:outputText value="Address
> >> > > > Name:" />
> >> > > > >                         <h:inputText id="addressName"
> >> > > > value="#{ locationForm.addressName}"  />
> >> > > > >
> >> > > > >                         <h:outputText value="Street
> >> > > > Address:" />
> >> > > > >                         <h:inputText id="streetAddress"
> >> > > > value="#{locationForm.streetAddress }" />
> >> > > > >
> >> > > > >                         <h:outputText value="City:" />
> >> > > > >                         <h:inputText id="city"
> >> > > > value="#{locationForm.city}"  />
> >> > > > >
> >> > > > >                         <h:outputText value="State:" />
> >> > > > >                         <h:selectOneMenu
> >> > > > value="#{locationForm.state}"
> >> > > > > style="padding:0px;margin:0px;">
> >> > > > >                                 <a4j:support
> >> > > > event="onchange" action="#{ locationForm.loadState}"
> >> > > > > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
> >> > > > >                                 <f:selectItems value
> >> > > > ="#{locationForm.stateList}" />
> >> > > > >                         </h:selectOneMenu>
> >> > > > >
> >> > > > >                         <h:outputText value="Zip Code:"
> >> > > > />
> >> > > > >                         <h:selectOneMenu
> >> > > > value="#{locationForm.zipcode}"
> >> > > > > style="padding:0px;margin:0px;" id="zipcode">
> >> > > > >                                 <a4j:support
> >> > > > event="onchange" action="#{locationForm.loadZip}"
> >> > > > > reRender="latitude, longitude, city" ajaxSingle="true"/>
> >> > > > >                                 <f:selectItems value
> >> > > > ="#{locationForm.zipList}" />
> >> > > > >                         </h:selectOneMenu>
> >> > > > >
> >> > > > >                         <h:outputText value="Activation
> >> > > > Date" />
> >> > > > >                         <t:inputCalendar
> >> > > > id="activationDate"
> >> > > > > value="#{locationForm.activationDate}"
> >> > > > > renderAsPopup="true"></t:inputCalendar>
> >> > > > >
> >> > > > >                         <h:outputText value="County:" />
> >> > > > >                         <h:inputText id="county"
> >> > > > value="#{locationForm.county}" />
> >> > > > >
> >> > > > >                         <h:outputText value="Notes:" />
> >> > > > >                         <h:inputTextarea id="notes"
> >> > > > value="#{ locationForm.notes}" />
> >> > > > >
> >> > > > >                         <h:outputText value="Latitude:"
> >> > > > />
> >> > > > >                         <h:inputText id="latitude"
> >> > > > value="#{locationForm.latitude }" />
> >> > > > >
> >> > > > >                         <h:outputText value="Longitude:"
> >> > > > />
> >> > > > >
> >> > > > >                         <h:inputText id="longitude"
> >> > > > value="#{ locationForm.longitude}" />
> >> > > > >
> >> > > > >                         <h:commandButton value="Submit"
> >> > > > > action="#{locationForm.submitNewLocation}"
> >> > > id="btnSubmitLocationForm"/>
> >> > > > >                         <h:outputText value=""
> >> > > > escape="false"/>
> >> > > > >
> >> > > > >                 </h:panelGrid>
> >> > > > >         </h:panelGroup>
> >> > > > > </h:form>
> >> > > > >
> >> > > > > </f:view>
> >> > > > >
> >> > > > > </body>
> >> > > > > </html>
> >> > > > >
> >> > > > > --
> >> > > > > View this message in context:
> >> > > >
> >> > >
> >> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> >> > > > > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> >> > > > >
> >> > > > >
> >> > > >
> >> > > >
> >> > >
> >> >
> >> >
> >>
> >
> >
>
> --
> View this message in context: http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9950668
> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by bansi <ma...@yahoo.com>.
I tried using popup calendar from Jenia.org but the calendar doesnt display
correct date . Also the calendar occupies the entire screen. Any
pointers/suggestions will be highly appreciated 

Regards 
Bansi 


Adrian Mitev-2 wrote:
> 
> Jenia is good enough and its size is small.
> 
> 2007/3/5, Wesley Hales <we...@gmail.com>:
>>
>> Yeah, you would think someone would have another good calendar component
>> -
>> that is being worked on.
>>
>> On 3/5/07, Adrian Mitev < adrian.mitev@googlemail.com> wrote:
>> >
>> > Bad that jenia has now version (the last is from 6 january 2006)
>> >
>> > 2007/3/5, Andrew Robinson <an...@gmail.com>:
>> > >
>> > > I also strongly recommend the jenia calendar over the t:inputDate or
>> > > t:inputCalendar. The tomahawk controls use document.write instead of
>> > > DOM manipulation (up to recently, you will have to make a bug search
>> > > to check) that breaks AJAX code. jenia's has given me no issues and
>> is
>> > > more flexible
>> > >
>> > > On 3/4/07, Wesley Hales < wesleyhales@gmail.com> wrote:
>> > > > Try the Jenia calendar component
>> > > > http://www.jenia.org/TestPopup/jsp/home.jsf .
>> > > >
>> > > >
>> > > >
>> > > > On 3/4/07, raindogs <co...@yahoo.com> wrote:
>> > > > >
>> > > > > I have a page that makes fairly heavy use of ajax4jsf processing.
>> > > It all
>> > > > > works great, but now I want to add a t:inputCalendar element,
>> > > which causes
>> > > > > the thing to blow up every time I submit it.
>> > > > >
>> > > > > Some checking around the web reveals that there is a conflict
>> here
>> > > due to
>> > > > > the fact that Tomahawk expects certain elements of the page
>> header
>> > > that
>> > > > are
>> > > > > not returns when ajax4jsf is used. I did find some suggestions
>> > > that
>> > > > involved
>> > > > > wrapping the page in "a4j:page" tags, but I've not had any luck
>> > > with that
>> > > > > either.
>> > > > >
>> > > > > The code from my page is pasted below, can anyone offer any
>> > > suggestions
>> > > > > here? I'm happy to use something besides the Tomahawk calendar -
>> > > all I
>> > > > > really want is my ajax4jsf page with a pop-up calendar element
>> > > that is
>> > > > nice
>> > > > > and friendly for my users.
>> > > > >
>> > > > > Thanks,
>> > > > > Alex
>> > > > >
>> > > > > <%@ taglib uri=" http://java.sun.com/jsf/core "  prefix="f" %>
>> > > > > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
>> > > > > <%@ taglib uri=" http://myfaces.apache.org/tomahawk"
>> > > > prefix="t"%>
>> > > > > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
>> > > > prefix="a4j"%>
>> > > > >
>> > > > > <HTML>
>> > > > >     <HEAD> <title>Facility Form</title>
>> > > > >         <LINK REL="STYLESHEET" HREF="css/215style.css">
>> > > > >         </HEAD>
>> > > > >     <body bgcolor="white">
>> > > > >
>> > > > > <f:view>
>> > > > >
>> > > > > <h1>Facility Form</h1>
>> > > > >
>> > > > > <h:form id="locationForm">
>> > > > > <h:panelGroup id="locationGroup">
>> > > > >         <h:panelGrid columns="2" style="margin-top:10px;"
>> > > > id="locationGrid">
>> > > > >
>> > > > >                         <h:outputText value="Address
>> > > > Name:" />
>> > > > >                         <h:inputText id="addressName"
>> > > > value="#{ locationForm.addressName}"  />
>> > > > >
>> > > > >                         <h:outputText value="Street
>> > > > Address:" />
>> > > > >                         <h:inputText id="streetAddress"
>> > > > value="#{locationForm.streetAddress }" />
>> > > > >
>> > > > >                         <h:outputText value="City:" />
>> > > > >                         <h:inputText id="city"
>> > > > value="#{locationForm.city}"  />
>> > > > >
>> > > > >                         <h:outputText value="State:" />
>> > > > >                         <h:selectOneMenu
>> > > > value="#{locationForm.state}"
>> > > > > style="padding:0px;margin:0px;">
>> > > > >                                 <a4j:support
>> > > > event="onchange" action="#{ locationForm.loadState}"
>> > > > > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
>> > > > >                                 <f:selectItems value
>> > > > ="#{locationForm.stateList}" />
>> > > > >                         </h:selectOneMenu>
>> > > > >
>> > > > >                         <h:outputText value="Zip Code:"
>> > > > />
>> > > > >                         <h:selectOneMenu
>> > > > value="#{locationForm.zipcode}"
>> > > > > style="padding:0px;margin:0px;" id="zipcode">
>> > > > >                                 <a4j:support
>> > > > event="onchange" action="#{locationForm.loadZip}"
>> > > > > reRender="latitude, longitude, city" ajaxSingle="true"/>
>> > > > >                                 <f:selectItems value
>> > > > ="#{locationForm.zipList}" />
>> > > > >                         </h:selectOneMenu>
>> > > > >
>> > > > >                         <h:outputText value="Activation
>> > > > Date" />
>> > > > >                         <t:inputCalendar
>> > > > id="activationDate"
>> > > > > value="#{locationForm.activationDate}"
>> > > > > renderAsPopup="true"></t:inputCalendar>
>> > > > >
>> > > > >                         <h:outputText value="County:" />
>> > > > >                         <h:inputText id="county"
>> > > > value="#{locationForm.county}" />
>> > > > >
>> > > > >                         <h:outputText value="Notes:" />
>> > > > >                         <h:inputTextarea id="notes"
>> > > > value="#{ locationForm.notes}" />
>> > > > >
>> > > > >                         <h:outputText value="Latitude:"
>> > > > />
>> > > > >                         <h:inputText id="latitude"
>> > > > value="#{locationForm.latitude }" />
>> > > > >
>> > > > >                         <h:outputText value="Longitude:"
>> > > > />
>> > > > >
>> > > > >                         <h:inputText id="longitude"
>> > > > value="#{ locationForm.longitude}" />
>> > > > >
>> > > > >                         <h:commandButton value="Submit"
>> > > > > action="#{locationForm.submitNewLocation}"
>> > > id="btnSubmitLocationForm"/>
>> > > > >                         <h:outputText value=""
>> > > > escape="false"/>
>> > > > >
>> > > > >                 </h:panelGrid>
>> > > > >         </h:panelGroup>
>> > > > > </h:form>
>> > > > >
>> > > > > </f:view>
>> > > > >
>> > > > > </body>
>> > > > > </html>
>> > > > >
>> > > > > --
>> > > > > View this message in context:
>> > > >
>> > >
>> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
>> > > > > Sent from the MyFaces - Users mailing list archive at Nabble.com.
>> > > > >
>> > > > >
>> > > >
>> > > >
>> > >
>> >
>> >
>>
> 
> 

-- 
View this message in context: http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9950668
Sent from the MyFaces - Users mailing list archive at Nabble.com.


Re: ajax4jsf and t:inputCalendar element conflict

Posted by Adrian Mitev <ad...@googlemail.com>.
Jenia is good enough and its size is small.

2007/3/5, Wesley Hales <we...@gmail.com>:
>
> Yeah, you would think someone would have another good calendar component -
> that is being worked on.
>
> On 3/5/07, Adrian Mitev < adrian.mitev@googlemail.com> wrote:
> >
> > Bad that jenia has now version (the last is from 6 january 2006)
> >
> > 2007/3/5, Andrew Robinson <an...@gmail.com>:
> > >
> > > I also strongly recommend the jenia calendar over the t:inputDate or
> > > t:inputCalendar. The tomahawk controls use document.write instead of
> > > DOM manipulation (up to recently, you will have to make a bug search
> > > to check) that breaks AJAX code. jenia's has given me no issues and is
> > > more flexible
> > >
> > > On 3/4/07, Wesley Hales < wesleyhales@gmail.com> wrote:
> > > > Try the Jenia calendar component
> > > > http://www.jenia.org/TestPopup/jsp/home.jsf .
> > > >
> > > >
> > > >
> > > > On 3/4/07, raindogs <co...@yahoo.com> wrote:
> > > > >
> > > > > I have a page that makes fairly heavy use of ajax4jsf processing.
> > > It all
> > > > > works great, but now I want to add a t:inputCalendar element,
> > > which causes
> > > > > the thing to blow up every time I submit it.
> > > > >
> > > > > Some checking around the web reveals that there is a conflict here
> > > due to
> > > > > the fact that Tomahawk expects certain elements of the page header
> > > that
> > > > are
> > > > > not returns when ajax4jsf is used. I did find some suggestions
> > > that
> > > > involved
> > > > > wrapping the page in "a4j:page" tags, but I've not had any luck
> > > with that
> > > > > either.
> > > > >
> > > > > The code from my page is pasted below, can anyone offer any
> > > suggestions
> > > > > here? I'm happy to use something besides the Tomahawk calendar -
> > > all I
> > > > > really want is my ajax4jsf page with a pop-up calendar element
> > > that is
> > > > nice
> > > > > and friendly for my users.
> > > > >
> > > > > Thanks,
> > > > > Alex
> > > > >
> > > > > <%@ taglib uri=" http://java.sun.com/jsf/core "  prefix="f" %>
> > > > > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> > > > > <%@ taglib uri=" http://myfaces.apache.org/tomahawk"
> > > > prefix="t"%>
> > > > > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
> > > > prefix="a4j"%>
> > > > >
> > > > > <HTML>
> > > > >     <HEAD> <title>Facility Form</title>
> > > > >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> > > > >         </HEAD>
> > > > >     <body bgcolor="white">
> > > > >
> > > > > <f:view>
> > > > >
> > > > > <h1>Facility Form</h1>
> > > > >
> > > > > <h:form id="locationForm">
> > > > > <h:panelGroup id="locationGroup">
> > > > >         <h:panelGrid columns="2" style="margin-top:10px;"
> > > > id="locationGrid">
> > > > >
> > > > >                         <h:outputText value="Address
> > > > Name:" />
> > > > >                         <h:inputText id="addressName"
> > > > value="#{ locationForm.addressName}"  />
> > > > >
> > > > >                         <h:outputText value="Street
> > > > Address:" />
> > > > >                         <h:inputText id="streetAddress"
> > > > value="#{locationForm.streetAddress }" />
> > > > >
> > > > >                         <h:outputText value="City:" />
> > > > >                         <h:inputText id="city"
> > > > value="#{locationForm.city}"  />
> > > > >
> > > > >                         <h:outputText value="State:" />
> > > > >                         <h:selectOneMenu
> > > > value="#{locationForm.state}"
> > > > > style="padding:0px;margin:0px;">
> > > > >                                 <a4j:support
> > > > event="onchange" action="#{ locationForm.loadState}"
> > > > > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
> > > > >                                 <f:selectItems value
> > > > ="#{locationForm.stateList}" />
> > > > >                         </h:selectOneMenu>
> > > > >
> > > > >                         <h:outputText value="Zip Code:"
> > > > />
> > > > >                         <h:selectOneMenu
> > > > value="#{locationForm.zipcode}"
> > > > > style="padding:0px;margin:0px;" id="zipcode">
> > > > >                                 <a4j:support
> > > > event="onchange" action="#{locationForm.loadZip}"
> > > > > reRender="latitude, longitude, city" ajaxSingle="true"/>
> > > > >                                 <f:selectItems value
> > > > ="#{locationForm.zipList}" />
> > > > >                         </h:selectOneMenu>
> > > > >
> > > > >                         <h:outputText value="Activation
> > > > Date" />
> > > > >                         <t:inputCalendar
> > > > id="activationDate"
> > > > > value="#{locationForm.activationDate}"
> > > > > renderAsPopup="true"></t:inputCalendar>
> > > > >
> > > > >                         <h:outputText value="County:" />
> > > > >                         <h:inputText id="county"
> > > > value="#{locationForm.county}" />
> > > > >
> > > > >                         <h:outputText value="Notes:" />
> > > > >                         <h:inputTextarea id="notes"
> > > > value="#{ locationForm.notes}" />
> > > > >
> > > > >                         <h:outputText value="Latitude:"
> > > > />
> > > > >                         <h:inputText id="latitude"
> > > > value="#{locationForm.latitude }" />
> > > > >
> > > > >                         <h:outputText value="Longitude:"
> > > > />
> > > > >
> > > > >                         <h:inputText id="longitude"
> > > > value="#{ locationForm.longitude}" />
> > > > >
> > > > >                         <h:commandButton value="Submit"
> > > > > action="#{locationForm.submitNewLocation}"
> > > id="btnSubmitLocationForm"/>
> > > > >                         <h:outputText value=""
> > > > escape="false"/>
> > > > >
> > > > >                 </h:panelGrid>
> > > > >         </h:panelGroup>
> > > > > </h:form>
> > > > >
> > > > > </f:view>
> > > > >
> > > > > </body>
> > > > > </html>
> > > > >
> > > > > --
> > > > > View this message in context:
> > > >
> > > http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> > > > > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> > > > >
> > > > >
> > > >
> > > >
> > >
> >
> >
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Werner Punz <we...@gmail.com>.
Werner Punz schrieb:
> Adrian Mitev schrieb:
>> However tomahawk 1.1.5 nightlies are stable enought for production
>>
> There is not too much happening in core tomahawk by now except for some
> bug fixing, the components in there are stable enough and are not really
> tinkered with, what you can expect in the future is a constand movement
> from the sandbox down into tomahawk.
> 
> 
> 
Although I must say, one of the components I would love to see to be
pushed into the dojo realm is the inputDate and inputCalendar control
(anyone reading this want to donate a custom renderer utilizing dojo?)


Re: ajax4jsf and t:inputCalendar element conflict

Posted by Werner Punz <we...@gmail.com>.
Adrian Mitev schrieb:
> However tomahawk 1.1.5 nightlies are stable enought for production
> 
There is not too much happening in core tomahawk by now except for some
bug fixing, the components in there are stable enough and are not really
tinkered with, what you can expect in the future is a constand movement
from the sandbox down into tomahawk.



Re: ajax4jsf and t:inputCalendar element conflict

Posted by Adrian Mitev <ad...@googlemail.com>.
However tomahawk 1.1.5 nightlies are stable enought for production

2007/3/5, Jonathan Harley <jo...@parkplatz.net>:
>
>
> Jenia is a good calendar component - works for me, anyway. Personally
> I'd rather use stable components than ones which are constantly being
> tinkered with. (Even if it means being stuck with MyFaces 1.3 until
> Tomahawk is considered ready for a new stable release!)
>
> J.
>
> Wesley Hales wrote:
> > Yeah, you would think someone would have another good calendar component
> > - that is being worked on.
> >
> > On 3/5/07, *Adrian Mitev* < adrian.mitev@googlemail.com
> > <ma...@googlemail.com>> wrote:
> >
> >     Bad that jenia has now version (the last is from 6 january 2006)
> >
> >     2007/3/5, Andrew Robinson <andrew.rw.robinson@gmail.com
> >     <ma...@gmail.com>>:
> >
> >         I also strongly recommend the jenia calendar over the
> >         t:inputDate or
> >         t:inputCalendar. The tomahawk controls use document.writeinstead of
> >         DOM manipulation (up to recently, you will have to make a bug
> search
> >         to check) that breaks AJAX code. jenia's has given me no issues
> >         and is
> >         more flexible
>
>
> --
> .....................................................................
>            Dr Jonathan Harley   .
>                                 .   Email: jon@parkplatz.net
>             Zac Parkplatz Ltd   .   Office Telephone: 024 7633 1375
>             www.parkplatz.net   .   Mobile: 079 4116 0423
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Jonathan Harley <jo...@parkplatz.net>.
Jenia is a good calendar component - works for me, anyway. Personally
I'd rather use stable components than ones which are constantly being
tinkered with. (Even if it means being stuck with MyFaces 1.3 until
Tomahawk is considered ready for a new stable release!)

J.

Wesley Hales wrote:
> Yeah, you would think someone would have another good calendar component 
> - that is being worked on.
> 
> On 3/5/07, *Adrian Mitev* < adrian.mitev@googlemail.com 
> <ma...@googlemail.com>> wrote:
> 
>     Bad that jenia has now version (the last is from 6 january 2006)
> 
>     2007/3/5, Andrew Robinson <andrew.rw.robinson@gmail.com
>     <ma...@gmail.com>>:
> 
>         I also strongly recommend the jenia calendar over the
>         t:inputDate or
>         t:inputCalendar. The tomahawk controls use document.write instead of
>         DOM manipulation (up to recently, you will have to make a bug search
>         to check) that breaks AJAX code. jenia's has given me no issues
>         and is
>         more flexible


-- 
.....................................................................
           Dr Jonathan Harley   .
                                .   Email: jon@parkplatz.net
            Zac Parkplatz Ltd   .   Office Telephone: 024 7633 1375
            www.parkplatz.net   .   Mobile: 079 4116 0423

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Wesley Hales <we...@gmail.com>.
Yeah, you would think someone would have another good calendar component -
that is being worked on.

On 3/5/07, Adrian Mitev <ad...@googlemail.com> wrote:
>
> Bad that jenia has now version (the last is from 6 january 2006)
>
> 2007/3/5, Andrew Robinson <an...@gmail.com>:
> >
> > I also strongly recommend the jenia calendar over the t:inputDate or
> > t:inputCalendar. The tomahawk controls use document.write instead of
> > DOM manipulation (up to recently, you will have to make a bug search
> > to check) that breaks AJAX code. jenia's has given me no issues and is
> > more flexible
> >
> > On 3/4/07, Wesley Hales < wesleyhales@gmail.com> wrote:
> > > Try the Jenia calendar component
> > > http://www.jenia.org/TestPopup/jsp/home.jsf .
> > >
> > >
> > >
> > > On 3/4/07, raindogs <co...@yahoo.com> wrote:
> > > >
> > > > I have a page that makes fairly heavy use of ajax4jsf processing. It
> > all
> > > > works great, but now I want to add a t:inputCalendar element, which
> > causes
> > > > the thing to blow up every time I submit it.
> > > >
> > > > Some checking around the web reveals that there is a conflict here
> > due to
> > > > the fact that Tomahawk expects certain elements of the page header
> > that
> > > are
> > > > not returns when ajax4jsf is used. I did find some suggestions that
> > > involved
> > > > wrapping the page in "a4j:page" tags, but I've not had any luck with
> > that
> > > > either.
> > > >
> > > > The code from my page is pasted below, can anyone offer any
> > suggestions
> > > > here? I'm happy to use something besides the Tomahawk calendar - all
> > I
> > > > really want is my ajax4jsf page with a pop-up calendar element that
> > is
> > > nice
> > > > and friendly for my users.
> > > >
> > > > Thanks,
> > > > Alex
> > > >
> > > > <%@ taglib uri="http://java.sun.com/jsf/core "  prefix="f" %>
> > > > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> > > > <%@ taglib uri=" http://myfaces.apache.org/tomahawk"
> > > prefix="t"%>
> > > > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
> > > prefix="a4j"%>
> > > >
> > > > <HTML>
> > > >     <HEAD> <title>Facility Form</title>
> > > >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> > > >         </HEAD>
> > > >     <body bgcolor="white">
> > > >
> > > > <f:view>
> > > >
> > > > <h1>Facility Form</h1>
> > > >
> > > > <h:form id="locationForm">
> > > > <h:panelGroup id="locationGroup">
> > > >         <h:panelGrid columns="2" style="margin-top:10px;"
> > > id="locationGrid">
> > > >
> > > >                         <h:outputText value="Address
> > > Name:" />
> > > >                         <h:inputText id="addressName"
> > > value="#{ locationForm.addressName}"  />
> > > >
> > > >                         <h:outputText value="Street
> > > Address:" />
> > > >                         <h:inputText id="streetAddress"
> > > value="#{locationForm.streetAddress }" />
> > > >
> > > >                         <h:outputText value="City:" />
> > > >                         <h:inputText id="city"
> > > value="#{locationForm.city}"  />
> > > >
> > > >                         <h:outputText value="State:" />
> > > >                         <h:selectOneMenu
> > > value="#{locationForm.state}"
> > > > style="padding:0px;margin:0px;">
> > > >                                 <a4j:support
> > > event="onchange" action="#{ locationForm.loadState}"
> > > > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
> > > >                                 <f:selectItems value
> > > ="#{locationForm.stateList}" />
> > > >                         </h:selectOneMenu>
> > > >
> > > >                         <h:outputText value="Zip Code:"
> > > />
> > > >                         <h:selectOneMenu
> > > value="#{locationForm.zipcode}"
> > > > style="padding:0px;margin:0px;" id="zipcode">
> > > >                                 <a4j:support
> > > event="onchange" action="#{locationForm.loadZip}"
> > > > reRender="latitude, longitude, city" ajaxSingle="true"/>
> > > >                                 <f:selectItems value
> > > ="#{locationForm.zipList}" />
> > > >                         </h:selectOneMenu>
> > > >
> > > >                         <h:outputText value="Activation
> > > Date" />
> > > >                         <t:inputCalendar
> > > id="activationDate"
> > > > value="#{locationForm.activationDate}"
> > > > renderAsPopup="true"></t:inputCalendar>
> > > >
> > > >                         <h:outputText value="County:" />
> > > >                         <h:inputText id="county"
> > > value="#{locationForm.county}" />
> > > >
> > > >                         <h:outputText value="Notes:" />
> > > >                         <h:inputTextarea id="notes"
> > > value="#{ locationForm.notes}" />
> > > >
> > > >                         <h:outputText value="Latitude:"
> > > />
> > > >                         <h:inputText id="latitude"
> > > value="#{locationForm.latitude }" />
> > > >
> > > >                         <h:outputText value="Longitude:"
> > > />
> > > >
> > > >                         <h:inputText id="longitude"
> > > value="#{ locationForm.longitude}" />
> > > >
> > > >                         <h:commandButton value="Submit"
> > > > action="#{locationForm.submitNewLocation}"
> > id="btnSubmitLocationForm"/>
> > > >                         <h:outputText value=""
> > > escape="false"/>
> > > >
> > > >                 </h:panelGrid>
> > > >         </h:panelGroup>
> > > > </h:form>
> > > >
> > > > </f:view>
> > > >
> > > > </body>
> > > > </html>
> > > >
> > > > --
> > > > View this message in context:
> > >
> > http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> > > > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> > > >
> > > >
> > >
> > >
> >
>
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Adrian Mitev <ad...@googlemail.com>.
Bad that jenia has now version (the last is from 6 january 2006)

2007/3/5, Andrew Robinson <an...@gmail.com>:
>
> I also strongly recommend the jenia calendar over the t:inputDate or
> t:inputCalendar. The tomahawk controls use document.write instead of
> DOM manipulation (up to recently, you will have to make a bug search
> to check) that breaks AJAX code. jenia's has given me no issues and is
> more flexible
>
> On 3/4/07, Wesley Hales <we...@gmail.com> wrote:
> > Try the Jenia calendar component
> > http://www.jenia.org/TestPopup/jsp/home.jsf.
> >
> >
> >
> > On 3/4/07, raindogs <co...@yahoo.com> wrote:
> > >
> > > I have a page that makes fairly heavy use of ajax4jsf processing. It
> all
> > > works great, but now I want to add a t:inputCalendar element, which
> causes
> > > the thing to blow up every time I submit it.
> > >
> > > Some checking around the web reveals that there is a conflict here due
> to
> > > the fact that Tomahawk expects certain elements of the page header
> that
> > are
> > > not returns when ajax4jsf is used. I did find some suggestions that
> > involved
> > > wrapping the page in "a4j:page" tags, but I've not had any luck with
> that
> > > either.
> > >
> > > The code from my page is pasted below, can anyone offer any
> suggestions
> > > here? I'm happy to use something besides the Tomahawk calendar - all I
> > > really want is my ajax4jsf page with a pop-up calendar element that is
> > nice
> > > and friendly for my users.
> > >
> > > Thanks,
> > > Alex
> > >
> > > <%@ taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
> > > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> > > <%@ taglib uri="http://myfaces.apache.org/tomahawk"
> > prefix="t"%>
> > > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
> > prefix="a4j"%>
> > >
> > > <HTML>
> > >     <HEAD> <title>Facility Form</title>
> > >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> > >         </HEAD>
> > >     <body bgcolor="white">
> > >
> > > <f:view>
> > >
> > > <h1>Facility Form</h1>
> > >
> > > <h:form id="locationForm">
> > > <h:panelGroup id="locationGroup">
> > >         <h:panelGrid columns="2" style="margin-top:10px;"
> > id="locationGrid">
> > >
> > >                         <h:outputText value="Address
> > Name:" />
> > >                         <h:inputText id="addressName"
> > value="#{ locationForm.addressName}"  />
> > >
> > >                         <h:outputText value="Street
> > Address:" />
> > >                         <h:inputText id="streetAddress"
> > value="#{locationForm.streetAddress }" />
> > >
> > >                         <h:outputText value="City:" />
> > >                         <h:inputText id="city"
> > value="#{locationForm.city}"  />
> > >
> > >                         <h:outputText value="State:" />
> > >                         <h:selectOneMenu
> > value="#{locationForm.state}"
> > > style="padding:0px;margin:0px;">
> > >                                 <a4j:support
> > event="onchange" action="#{ locationForm.loadState}"
> > > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
> > >                                 <f:selectItems value
> > ="#{locationForm.stateList}" />
> > >                         </h:selectOneMenu>
> > >
> > >                         <h:outputText value="Zip Code:"
> > />
> > >                         <h:selectOneMenu
> > value="#{locationForm.zipcode}"
> > > style="padding:0px;margin:0px;" id="zipcode">
> > >                                 <a4j:support
> > event="onchange" action="#{locationForm.loadZip}"
> > > reRender="latitude, longitude, city" ajaxSingle="true"/>
> > >                                 <f:selectItems value
> > ="#{locationForm.zipList}" />
> > >                         </h:selectOneMenu>
> > >
> > >                         <h:outputText value="Activation
> > Date" />
> > >                         <t:inputCalendar
> > id="activationDate"
> > > value="#{locationForm.activationDate}"
> > > renderAsPopup="true"></t:inputCalendar>
> > >
> > >                         <h:outputText value="County:" />
> > >                         <h:inputText id="county"
> > value="#{locationForm.county}" />
> > >
> > >                         <h:outputText value="Notes:" />
> > >                         <h:inputTextarea id="notes"
> > value="#{ locationForm.notes}" />
> > >
> > >                         <h:outputText value="Latitude:"
> > />
> > >                         <h:inputText id="latitude"
> > value="#{locationForm.latitude}" />
> > >
> > >                         <h:outputText value="Longitude:"
> > />
> > >
> > >                         <h:inputText id="longitude"
> > value="#{locationForm.longitude}" />
> > >
> > >                         <h:commandButton value="Submit"
> > > action="#{locationForm.submitNewLocation}"
> id="btnSubmitLocationForm"/>
> > >                         <h:outputText value=""
> > escape="false"/>
> > >
> > >                 </h:panelGrid>
> > >         </h:panelGroup>
> > > </h:form>
> > >
> > > </f:view>
> > >
> > > </body>
> > > </html>
> > >
> > > --
> > > View this message in context:
> >
> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> > > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> > >
> > >
> >
> >
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Andrew Robinson <an...@gmail.com>.
I also strongly recommend the jenia calendar over the t:inputDate or
t:inputCalendar. The tomahawk controls use document.write instead of
DOM manipulation (up to recently, you will have to make a bug search
to check) that breaks AJAX code. jenia's has given me no issues and is
more flexible

On 3/4/07, Wesley Hales <we...@gmail.com> wrote:
> Try the Jenia calendar component
> http://www.jenia.org/TestPopup/jsp/home.jsf.
>
>
>
> On 3/4/07, raindogs <co...@yahoo.com> wrote:
> >
> > I have a page that makes fairly heavy use of ajax4jsf processing. It all
> > works great, but now I want to add a t:inputCalendar element, which causes
> > the thing to blow up every time I submit it.
> >
> > Some checking around the web reveals that there is a conflict here due to
> > the fact that Tomahawk expects certain elements of the page header that
> are
> > not returns when ajax4jsf is used. I did find some suggestions that
> involved
> > wrapping the page in "a4j:page" tags, but I've not had any luck with that
> > either.
> >
> > The code from my page is pasted below, can anyone offer any suggestions
> > here? I'm happy to use something besides the Tomahawk calendar - all I
> > really want is my ajax4jsf page with a pop-up calendar element that is
> nice
> > and friendly for my users.
> >
> > Thanks,
> > Alex
> >
> > <%@ taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
> > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> > <%@ taglib uri="http://myfaces.apache.org/tomahawk"
> prefix="t"%>
> > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax"
> prefix="a4j"%>
> >
> > <HTML>
> >     <HEAD> <title>Facility Form</title>
> >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> >         </HEAD>
> >     <body bgcolor="white">
> >
> > <f:view>
> >
> > <h1>Facility Form</h1>
> >
> > <h:form id="locationForm">
> > <h:panelGroup id="locationGroup">
> >         <h:panelGrid columns="2" style="margin-top:10px;"
> id="locationGrid">
> >
> >                         <h:outputText value="Address
> Name:" />
> >                         <h:inputText id="addressName"
> value="#{ locationForm.addressName}"  />
> >
> >                         <h:outputText value="Street
> Address:" />
> >                         <h:inputText id="streetAddress"
> value="#{locationForm.streetAddress }" />
> >
> >                         <h:outputText value="City:" />
> >                         <h:inputText id="city"
> value="#{locationForm.city}"  />
> >
> >                         <h:outputText value="State:" />
> >                         <h:selectOneMenu
> value="#{locationForm.state}"
> > style="padding:0px;margin:0px;">
> >                                 <a4j:support
> event="onchange" action="#{ locationForm.loadState}"
> > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
> >                                 <f:selectItems value
> ="#{locationForm.stateList}" />
> >                         </h:selectOneMenu>
> >
> >                         <h:outputText value="Zip Code:"
> />
> >                         <h:selectOneMenu
> value="#{locationForm.zipcode}"
> > style="padding:0px;margin:0px;" id="zipcode">
> >                                 <a4j:support
> event="onchange" action="#{locationForm.loadZip}"
> > reRender="latitude, longitude, city" ajaxSingle="true"/>
> >                                 <f:selectItems value
> ="#{locationForm.zipList}" />
> >                         </h:selectOneMenu>
> >
> >                         <h:outputText value="Activation
> Date" />
> >                         <t:inputCalendar
> id="activationDate"
> > value="#{locationForm.activationDate}"
> > renderAsPopup="true"></t:inputCalendar>
> >
> >                         <h:outputText value="County:" />
> >                         <h:inputText id="county"
> value="#{locationForm.county}" />
> >
> >                         <h:outputText value="Notes:" />
> >                         <h:inputTextarea id="notes"
> value="#{ locationForm.notes}" />
> >
> >                         <h:outputText value="Latitude:"
> />
> >                         <h:inputText id="latitude"
> value="#{locationForm.latitude}" />
> >
> >                         <h:outputText value="Longitude:"
> />
> >
> >                         <h:inputText id="longitude"
> value="#{locationForm.longitude}" />
> >
> >                         <h:commandButton value="Submit"
> > action="#{locationForm.submitNewLocation}" id="btnSubmitLocationForm"/>
> >                         <h:outputText value=""
> escape="false"/>
> >
> >                 </h:panelGrid>
> >         </h:panelGroup>
> > </h:form>
> >
> > </f:view>
> >
> > </body>
> > </html>
> >
> > --
> > View this message in context:
> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> >
> >
>
>

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Alexey Kakunin <ak...@gmail.com>.
Thank you for good suggestion!

If somebody need it - here is simple example how to change t:inputDate with
own, jenia-based tag with using facelets:
http://www.emforge.org/wiki.faces?page=InputDateAjax


2007/3/5, Wesley Hales <we...@gmail.com>:
>
> Try the Jenia calendar component
> http://www.jenia.org/TestPopup/jsp/home.jsf.
>
>
> On 3/4/07, raindogs <co...@yahoo.com> wrote:
> >
> >
> > I have a page that makes fairly heavy use of ajax4jsf processing. It all
> > works great, but now I want to add a t:inputCalendar element, which
> > causes
> > the thing to blow up every time I submit it.
> >
> > Some checking around the web reveals that there is a conflict here due
> > to
> > the fact that Tomahawk expects certain elements of the page header that
> > are
> > not returns when ajax4jsf is used. I did find some suggestions that
> > involved
> > wrapping the page in "a4j:page" tags, but I've not had any luck with
> > that
> > either.
> >
> > The code from my page is pasted below, can anyone offer any suggestions
> > here? I'm happy to use something besides the Tomahawk calendar - all I
> > really want is my ajax4jsf page with a pop-up calendar element that is
> > nice
> > and friendly for my users.
> >
> > Thanks,
> > Alex
> >
> > <%@ taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
> > <%@ taglib uri=" http://java.sun.com/jsf/html" prefix="h" %>
> > <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
> > <%@ taglib uri=" https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
> >
> > <HTML>
> >     <HEAD> <title>Facility Form</title>
> >         <LINK REL="STYLESHEET" HREF="css/215style.css">
> >         </HEAD>
> >     <body bgcolor="white">
> >
> > <f:view>
> >
> > <h1>Facility Form</h1>
> >
> > <h:form id="locationForm">
> > <h:panelGroup id="locationGroup">
> >         <h:panelGrid columns="2" style="margin-top:10px;"
> > id="locationGrid">
> >
> >                         <h:outputText value="Address Name:" />
> >                         <h:inputText id="addressName" value="#{
> > locationForm.addressName}"  />
> >
> >                         <h:outputText value="Street Address:" />
> >                         <h:inputText id="streetAddress" value="#{
> > locationForm.streetAddress }" />
> >
> >                         <h:outputText value="City:" />
> >                         <h:inputText id="city" value="#{
> > locationForm.city}"  />
> >
> >                         <h:outputText value="State:" />
> >                         <h:selectOneMenu value="#{locationForm.state}"
> > style="padding:0px;margin:0px;">
> >                                 <a4j:support event="onchange" action="#{
> > locationForm.loadState}"
> > reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
> >                                 <f:selectItems value ="#{
> > locationForm.stateList}" />
> >                         </h:selectOneMenu>
> >
> >                         <h:outputText value="Zip Code:" />
> >                         <h:selectOneMenu value="#{locationForm.zipcode}"
> >
> > style="padding:0px;margin:0px;" id="zipcode">
> >                                 <a4j:support event="onchange" action="#{
> > locationForm.loadZip}"
> > reRender="latitude, longitude, city" ajaxSingle="true"/>
> >                                 <f:selectItems value ="#{
> > locationForm.zipList}" />
> >                         </h:selectOneMenu>
> >
> >                         <h:outputText value="Activation Date" />
> >                         <t:inputCalendar id="activationDate"
> > value="#{locationForm.activationDate}"
> > renderAsPopup="true"></t:inputCalendar>
> >
> >                         <h:outputText value="County:" />
> >                         <h:inputText id="county" value="#{
> > locationForm.county}" />
> >
> >                         <h:outputText value="Notes:" />
> >                         <h:inputTextarea id="notes" value="#{
> > locationForm.notes}" />
> >
> >                         <h:outputText value="Latitude:" />
> >                         <h:inputText id="latitude" value="#{
> > locationForm.latitude}" />
> >
> >                         <h:outputText value="Longitude:" />
> >
> >                         <h:inputText id="longitude" value="#{
> > locationForm.longitude}" />
> >
> >                         <h:commandButton value="Submit"
> > action="#{locationForm.submitNewLocation}" id="btnSubmitLocationForm"/>
> >                         <h:outputText value="" escape="false"/>
> >
> >                 </h:panelGrid>
> >         </h:panelGroup>
> > </h:form>
> >
> > </f:view>
> >
> > </body>
> > </html>
> >
> > --
> > View this message in context:
> > http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> > Sent from the MyFaces - Users mailing list archive at Nabble.com.
> >
> >
>


-- 
With Best Regards,
Alexey Kakunin, EmDev Limited

Professional Software Development:
http://www.emdev.ru

Re: ajax4jsf and t:inputCalendar element conflict

Posted by Wesley Hales <we...@gmail.com>.
Try the Jenia calendar component http://www.jenia.org/TestPopup/jsp/home.jsf
.


On 3/4/07, raindogs <co...@yahoo.com> wrote:
>
>
> I have a page that makes fairly heavy use of ajax4jsf processing. It all
> works great, but now I want to add a t:inputCalendar element, which causes
> the thing to blow up every time I submit it.
>
> Some checking around the web reveals that there is a conflict here due to
> the fact that Tomahawk expects certain elements of the page header that
> are
> not returns when ajax4jsf is used. I did find some suggestions that
> involved
> wrapping the page in "a4j:page" tags, but I've not had any luck with that
> either.
>
> The code from my page is pasted below, can anyone offer any suggestions
> here? I'm happy to use something besides the Tomahawk calendar - all I
> really want is my ajax4jsf page with a pop-up calendar element that is
> nice
> and friendly for my users.
>
> Thanks,
> Alex
>
> <%@ taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
> <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
> <%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
>
> <HTML>
>     <HEAD> <title>Facility Form</title>
>         <LINK REL="STYLESHEET" HREF="css/215style.css">
>         </HEAD>
>     <body bgcolor="white">
>
> <f:view>
>
> <h1>Facility Form</h1>
>
> <h:form id="locationForm">
> <h:panelGroup id="locationGroup">
>         <h:panelGrid columns="2" style="margin-top:10px;"
> id="locationGrid">
>
>                         <h:outputText value="Address Name:" />
>                         <h:inputText id="addressName" value="#{
> locationForm.addressName}"  />
>
>                         <h:outputText value="Street Address:" />
>                         <h:inputText id="streetAddress" value="#{
> locationForm.streetAddress}" />
>
>                         <h:outputText value="City:" />
>                         <h:inputText id="city" value="#{locationForm.city
> }"  />
>
>                         <h:outputText value="State:" />
>                         <h:selectOneMenu value="#{locationForm.state}"
> style="padding:0px;margin:0px;">
>                                 <a4j:support event="onchange" action="#{
> locationForm.loadState}"
> reRender="zipcode, latitude, longitude, city" ajaxSingle="true"/>
>                                 <f:selectItems value ="#{
> locationForm.stateList}" />
>                         </h:selectOneMenu>
>
>                         <h:outputText value="Zip Code:" />
>                         <h:selectOneMenu value="#{locationForm.zipcode}"
> style="padding:0px;margin:0px;" id="zipcode">
>                                 <a4j:support event="onchange" action="#{
> locationForm.loadZip}"
> reRender="latitude, longitude, city" ajaxSingle="true"/>
>                                 <f:selectItems value ="#{
> locationForm.zipList}" />
>                         </h:selectOneMenu>
>
>                         <h:outputText value="Activation Date" />
>                         <t:inputCalendar id="activationDate"
> value="#{locationForm.activationDate}"
> renderAsPopup="true"></t:inputCalendar>
>
>                         <h:outputText value="County:" />
>                         <h:inputText id="county" value="#{
> locationForm.county}" />
>
>                         <h:outputText value="Notes:" />
>                         <h:inputTextarea id="notes" value="#{
> locationForm.notes}" />
>
>                         <h:outputText value="Latitude:" />
>                         <h:inputText id="latitude" value="#{
> locationForm.latitude}" />
>
>                         <h:outputText value="Longitude:" />
>
>                         <h:inputText id="longitude" value="#{
> locationForm.longitude}" />
>
>                         <h:commandButton value="Submit"
> action="#{locationForm.submitNewLocation}" id="btnSubmitLocationForm"/>
>                         <h:outputText value="" escape="false"/>
>
>                 </h:panelGrid>
>         </h:panelGroup>
> </h:form>
>
> </f:view>
>
> </body>
> </html>
>
> --
> View this message in context:
> http://www.nabble.com/ajax4jsf-and-t%3AinputCalendar-element-conflict-tf3343610.html#a9299235
> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>
>