You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by j haley <jh...@hotmail.com> on 2008/12/01 14:21:46 UTC
RE: Tomahawk - t:schedule and t:inputCalendar cause js script error
I'm am still looking for a little guidance. I appreciate the demo you put together, but its not the same as the tomahawk example project.
MyFaces Tomahawk 1.1.8 Examples (zip) -> http://myfaces.apache.org/download.html
Just to clarify from within this project pull up myfaces-example-simple-1.1.8\WebContent\schedule1.jsp. Inside of this file make the following two changes
Add tooltip="true" to the t:schedule tag
Add renderAsPopup="true" to the t:inputCalendar tag.
Below is this jsp with my two change
-----------------------------------
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%><%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%><%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<!--/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. *///-->
<html><%@include file="/inc/head.inc"%><body><f:view> <h:form> <!-- The schedule itself --> <script type="text/javascript" language="javascript" src='/myfaces-example-simple-1.1.8/inc/domLib.js'></script> <t:div style="position: absolute; left: 220px; top: 5px; right: 5px;"> <t:schedule value="#{scheduleHandler1.model}" id="schedule1" rendered="true" visibleEndHour="18" visibleStartHour="8" workingEndHour="17" workingStartHour="9" readonly="false" theme="evolution" tooltip="true"/> </t:div> <!-- The column on the left, containing the calendar and other controls --> <t:div style="position: absolute; left: 5px; top: 5px; width: 210px; overflow: auto"> <h:panelGrid columns="1"> <t:inputCalendar id="scheduleNavigator" renderAsPopup="true" value="#{scheduleHandler1.model.selectedDate}" /> <h:commandButton actionListener="#{scheduleHandler1.addSampleEntries}" value="add sample entries" /> <h:commandButton actionListener="#{scheduleHandler1.addSampleHoliday}" value="add sample holiday" /> </h:panelGrid> <%@include file="/inc/page_footer.jsp" %> <jsp:include page="inc/mbean_source.jsp"/> </t:div> </h:form>
</f:view></body></html>
From: jhaley08@hotmail.comTo: users@myfaces.apache.orgSubject: RE: Tomahawk - t:schedule and t:inputCalendar cause js script errorDate: Tue, 25 Nov 2008 13:49:43 -0700
I tried your link and it also works for me. Cosmetically your demo is a little different then the schedule1.jsp page that in the tomahawk sample project. Not sure what, but something's different. Upon further investigation, I'm thinking that there is some collision with the injected javascript. If I manually load a version of domLib.js before t:schedule I can get the page to work without any script errors. I pulled domLib.js from the tomahawk.jar and placed it in a path that I can point to.
<h:form> <!-- The schedule itself --> <script type="text/javascript" language="javascript" src='/myfaces-example-simple-1.1.8/inc/domLib.js'></script> <t:div style="position: absolute; left: 220px; top: 5px; right: 5px;"> <t:schedule value="#{scheduleHandler1.model}" id="schedule1" rendered="true" visibleEndHour="18" visibleStartHour="8" workingEndHour="17" workingStartHour="9" readonly="false" theme="evolution" tooltip="true"/> </t:div> <!-- The column on the left, containing the calendar and other controls --> <t:div style="position: absolute; left: 5px; top: 5px; width: 210px; overflow: auto"> <h:panelGrid columns="1"> <t:inputCalendar id="scheduleNavigator" renderAsPopup="true" value="#{scheduleHandler1.model.selectedDate}" /> <h:commandButton actionListener="#{scheduleHandler1.addSampleEntries}" value="add sample entries" /> <h:commandButton actionListener="#{scheduleHandler1.addSampleHoliday}" value="add sample holiday" /> </h:panelGrid> <%@include file="/inc/page_footer.jsp" %> <jsp:include page="inc/mbean_source.jsp"/> </t:div> </h:form>
Date: Tue, 25 Nov 2008 20:49:58 +0200From: hazems@apache.orgTo: users@myfaces.apache.orgSubject: Re: Tomahawk - t:schedule and t:inputCalendar cause js script error
Tried it and it works fine: http://mashups.s43.eatj.com/tomahawkExamples/
On Mon, Nov 24, 2008 at 6:24 PM, Hazem Saleh <ha...@apache.org> wrote:
Let me check this for you, tomorrow.
On Mon, Nov 24, 2008 at 6:05 PM, j haley <jh...@hotmail.com> wrote:
Below is schedule1.jsp from the sample project. I've bolded the attributes that I've changed that cause the problem. <h:form> <!-- The schedule itself --> <t:div style="position: absolute; left: 220px; top: 5px; right: 5px;"> <t:schedule value="#{scheduleHandler1.model}" id="schedule1" rendered="true" visibleEndHour="18" visibleStartHour="8" workingEndHour="17" workingStartHour="9" readonly="false" theme="evolution" tooltip="true"/> </t:div> <!-- The column on the left, containing the calendar and other controls --> <t:div style="position: absolute; left: 5px; top: 5px; width: 210px; overflow: auto"> <h:panelGrid columns="1"> <t:inputCalendar id="scheduleNavigator" renderAsPopup="true" value="#{scheduleHandler1.model.selectedDate}" /> <h:commandButton actionListener="#{scheduleHandler1.addSampleEntries}" value="add sample entries" /> <h:commandButton actionListener="#{scheduleHandler1.addSampleHoliday}" value="add sample holiday" /> </h:panelGrid> <%@include file="/inc/page_footer.jsp" %> <jsp:include page="inc/mbean_source.jsp"/> </t:div> </h:form>
Date: Mon, 24 Nov 2008 17:51:47 +0200From: hazems@apache.orgTo: users@myfaces.apache.orgSubject: Re: Tomahawk - t:schedule and t:inputCalendar cause js script error
Send to me your code sample.I tried this scenario typically with Tomahawk 1.1.7 and it works fine.
On Mon, Nov 24, 2008 at 4:32 PM, j haley <jh...@hotmail.com> wrote:
Having a problem that I can recreate on the with the tomahawk sample project. I was getting this with version 1.1.6, and I also get it with 1.1.8. On myfaces-example-simple-1.1.8/schedule1.jsf, make the following change.Add renderAsPopup="true" to the t:inputCalendar. The page renders fine, but when I mouse over the page I get a javascript error. This error prevents t:schedule's tooltip from working. The combination that causes problems is t:inputCalendar or t:inputDate with a renderAsPopup="true" attribute along with a t:schedule with a tooltip="true" attribute. Bug numbers TOMAHAWK-929 and TOMAHAWK-193 look like they may be related to this issues. Is there a work around for this?
Color coding for safety: Windows Live Hotmail alerts you to suspicious email. Sign up today.-- Hazem Ahmed Saleh AhmedAuthor of (The Definitive Guide to Apache MyFaces and Facelets):http://www.amazon.com/Definitive-Guide-Apache-MyFaces-Facelets/dp/1590597370Web blog: http://www.jroller.com/page/HazemBlog[Web 2.0] Google Maps Integration with JSF:http://code.google.com/p/gmaps4jsf/http://www.theserverside.com/news/thread.tss?thread_id=51250
Access your email online and on the go with Windows Live Hotmail. Sign up today.-- Hazem Ahmed Saleh AhmedAuthor of (The Definitive Guide to Apache MyFaces and Facelets):http://www.amazon.com/Definitive-Guide-Apache-MyFaces-Facelets/dp/1590597370Web blog: http://www.jroller.com/page/HazemBlog[Web 2.0] Google Maps Integration with JSF:http://code.google.com/p/gmaps4jsf/http://www.theserverside.com/news/thread.tss?thread_id=51250-- Hazem Ahmed Saleh AhmedAuthor of (The Definitive Guide to Apache MyFaces and Facelets):http://www.amazon.com/Definitive-Guide-Apache-MyFaces-Facelets/dp/1590597370Web blog: http://www.jroller.com/page/HazemBlog[Web 2.0] Google Maps Integration with JSF:http://code.google.com/p/gmaps4jsf/http://www.theserverside.com/news/thread.tss?thread_id=51250
Color coding for safety: Windows Live Hotmail alerts you to suspicious email. Sign up today.
_________________________________________________________________
Access your email online and on the go with Windows Live Hotmail.
http://windowslive.com/Explore/Hotmail?ocid=TXT_TAGLM_WL_hotmail_acq_access_112008