8 Replies Latest reply on Nov 22, 2007 8:30 PM by arielfernando

    calendar do not work with Firefox

    arielfernando Nov 20, 2007 7:35 PM

      Hi all,
      I have a problem with rich:calendar component.
      At richface demo page, I can view and use it perfectly with my Firefox (1.5.x and 2.0.0.6), but when I put this component in my code, it doesn't work with FF (all is OK with IE).

      Code is:

      <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<f:view>
 <f:subview id="idSubview">
 <h:form id="idForm">
 <h:outputText value="TEST DATE" />
 <a4j:outputPanel id="idPanelDate">
 <rich:calendar datePattern="dd/MM/yy"/>
 </a4j:outputPanel>
 </h:form>
 </f:subview>
</f:view>


      When I click on calendar icon to popup it, nothing happend. Calendar doesn't display. But, if I set popup="false", works fine.
      Same code works fine with IE.

      At Firefox error console, I'm only see follow JavaScript error: 

      Error: $(element).getStyle is not a function
Archivo Fuente: http://localhost:8080/ApplicationTest/a4j_3_1_2.GAorg/richfaces/renderkit/html/scripts/calendar.js.faces
LÃnea: 21


      FYI:
      My enviroment is
      RichFaces 3.1.2GA
      JSF-RI 1.2
      Tomcat 6.0.14

      • 3690 Views
      • Tags:
        • 1. Re: calendar do not work with Firefox
          ilya_shaikovsky
          ilya_shaikovsky Nov 21, 2007 8:42 AM (in response to arielfernando)

          could you please use 3.1.3 snapshot.

            • Actions
          • 2. Re: calendar do not work with Firefox
            arielfernando Nov 21, 2007 4:46 PM (in response to arielfernando)

            I update to 3.1.3-SNAPSHOT but same problem. At error console from Firefox I get same error:

            Error: $(element).getStyle is not a function
Archivo Fuente: http://localhost:8080/ApplicationTest/a4j_3_1_2.GAorg/richfaces/renderkit/html/scrip
ts/calendar.js.faces
LÃÂnea: 21


            Mmmm.....but, why error say "a4j_3_1_2.GA" if I'm using 3.1.3 ???.

            I compare calendar.js from 3.1.2 whith calendar.js 3.1.3, and files are equals.



              • Actions
            • 3. Re: calendar do not work with Firefox
              sergeysmirnov Nov 21, 2007 5:39 PM (in response to arielfernando)

              3.1.3 is not yet released. The unique prefix is changed when the version in the VersionBean file is changed. Usually, just before the GA is released to avoid caching problems with betas and release candidates.
              However, it might be the same caching problem when you migrates between the snapshots. Press Ctrl-F5 to be sure that you have the latest code base works.

                • Actions
              • 4. Re: calendar do not work with Firefox
                arielfernando Nov 21, 2007 9:59 PM (in response to arielfernando)

                Tkanks Sergey for your explain about versions prefix!!!

                Yes, I refresh my browser cache, but problem with calendar popup and Firefox persist. I'm testing FF under Windows 2000 and Linux and I get same javascript error.

                I don't know why, but have suspect about Trinidad and / or Tomahawk...
                But, why calendar component works fine with IE?.

                If helps, I attach generate code that is sent to browser:

                <html xmlns="http://www.w3.org/1999/xhtml"><head><link rel='stylesheet' type='text/css' href='/eController/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/css/calendar.xcss/DATB/eAE7W8m6GQAFYAH..faces' /><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg.ajax4jsf.javascript.PrototypeScript.faces'></script><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg.ajax4jsf.javascript.AjaxScript.faces'></script><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/events.js.faces'></script><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/utils.js.faces'></script><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/json/json-dom.js.faces'></script><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/scriptaculous/effects.js.faces'></script><script type='text/javascript' src='/eController/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/calendar.js.faces'></script></head><script type="text/javascript">var _AdfWindowOpenError='A popup window blocker has been detected in your browser. Popup blockers interfere with the operation of this application. Please disable your popup blocker or allow popups from this site.';</script><script type="text/javascript" src="/eController/adf/jsLibs/Common1_2_3.js"></script><!--Start: javax.faces.Form["idForm"]--><form id="idSubView:idForm" name="idSubView:idForm" method="POST" onkeypress="return _submitOnEnter(event,'idSubView:idForm');" action="/eController/test.faces"><!--Start: org.richfaces.Calendar["idCalendar"]--><div class="rich-calendar-popup " id="idSubView:idForm:idCalendar" style="z-index: 3; "><script type="text/javascript">new Calendar('idSubView:idForm:idCalendar', {dayListTableId: 'idSubView:idForm:idCalendarDay',
 weekNumberBarId: 'idSubView:idForm:idCalendarWeekNum',
 weekDayBarId: 'idSubView:idForm:idCalendarWeekDay',
 currentDate: new Date(2007,10,21),
 selectedDate: null,
 datePattern: 'MMM d, yyyy',
 jointPoint: 'bottom-left',
 direction: 'bottom-right',
 toolTipMode:'batch',
 boundaryDatesMode:'inactive',
 popup: true,
 enableManualInput: false,
 showInput: true,
 disabled: false,
 ajaxSingle: true,
 verticalOffset:'0',
 horizontalOffset: '0','monthLabels': ['January','February','March','April','May','June','July','August','September','October','November','December'] , 'monthLabelsShort': ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'] , 'weekDayLabels': ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'] , 'weekDayLabelsShort': ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'] ,
 firstWeekDay: 0,
 minDaysInFirstWeek: 1}).load();</script></div><!--Start: org.richfaces.Calendar["idCalendar"]--><span id="idSubView:idForm:idCalendarPopup"><input class="rich-calendar-input " id="idSubView:idForm:idCalendarInputDate" name="idSubView:idForm:idCalendarInputDate" onclick="$('idSubView:idForm:idCalendar').component.doSwitch(); " readonly="true" style="vertical-align: middle; " type="text"><!--Start: org.richfaces.Calendar["idCalendar"]--><img class="rich-calendar-button " id="idSubView:idForm:idCalendarPopupButton" name="idSubView:idForm:idCalendar" style="vertical-align: middle" onclick="$('idSubView:idForm:idCalendar').component.doSwitch();" src="/eController/a4j_3_1_2-SNAPSHOTorg.richfaces.renderkit.html.iconimages.CalendarIcon/DATB/eAH7cW0fw6znAA8XBA4_.faces"></span><input type="hidden" name="org.apache.myfaces.trinidad.faces.FORM" value="idSubView:idForm"><!--Start: org.apache.myfaces.trinidad.Form--><span id="_idSubView:idForm_Postscript"><input type="hidden" name="javax.faces.ViewState" value="!_id11"><script type="text/javascript">function _idSubView_idFormValidator(f,s){return _validateInline(f,s);}var idSubView_idForm_SF={};</script></span><script type="text/javascript">_submitFormCheck();</script></form> </html>


                And, jsf test code: 
                <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 pageEncoding="ISO-8859-1"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<f:view>
 <f:subview id="idSubView">
 <h:form id="idForm">
 <rich:calendar id="idCalendar"
 popup="true" />
 </h:form>
 </f:subview>
</f:view>


                  • Actions
                • 5. Re: calendar do not work with Firefox
                  sergeysmirnov Nov 21, 2007 10:41 PM (in response to arielfernando)

                  take a look at here: http://jboss.com/index.html?module=bb&op=viewtopic&t=119272

                  may be problem is there

                    • Actions
                  • 6. Re: calendar do not work with Firefox
                    arielfernando Nov 22, 2007 8:28 AM (in response to arielfernando)

                    I check prototype version, and it's show:
                    1.5.1.1
                    This looks OK.

                    Now, I'll try to remove tomahawk only for testing propuse.

                      • Actions
                    • 7. Re: calendar do not work with Firefox
                      arielfernando Nov 22, 2007 10:59 AM (in response to arielfernando)

                      Mmmm...removing Tomahawk don't help me.
                      I'm getting same error with or without Tomahawk.

                      Anybody have Trinidad + Tomahawk + Richfaces + JSF-RI 1.2 work together?. I'm feel very frustrated :((((

                        • Actions
                      • 8. Re: calendar do not work with Firefox
                        arielfernando Nov 22, 2007 8:30 PM (in response to arielfernando)

                        Well, I was making a lot of test, and now I can isolate the problem... Trinidad.

                        Look at this, when I remove from faces-config.xml follows lines

                        <default-render-kit-id>
 org.apache.myfaces.trinidad.core
</default-render-kit-id>


                        the code that is sent to browser is something like: 
                        <html>
<head><link rel='stylesheet' type='text/css' href='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/css/calendar.xcss/DATB/eAEz3vGhHwAFZwJr.faces' /><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg.ajax4jsf.javascript.PrototypeScript.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg.ajax4jsf.javascript.AjaxScript.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/events.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/utils.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/json/json-dom.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/scriptaculous/effects.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/calendar.js.faces'></script>
</head>


                        And alll works fine. Calenar popup when button is clicked

                        But, when activate on faces-config.xlm (required for Trinidad) 
                        <default-render-kit-id>
 org.apache.myfaces.trinidad.core
</default-render-kit-id>


                        Browser recive:

                        Calendar component don't work anymore if popup=true. 
                        <html>
<head><link rel='stylesheet' type='text/css' href='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/css/calendar.xcss/DATB/eAEz3vGhHwAFZwJr.faces' /><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg.ajax4jsf.javascript.PrototypeScript.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg.ajax4jsf.javascript.AjaxScript.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/events.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/utils.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/json/json-dom.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/scriptaculous/effects.js.faces'></script><script type='text/javascript' src='/Facturacion/a4j_3_1_2-SNAPSHOTorg/richfaces/renderkit/html/scripts/calendar.js.faces'></script>
</head><body>
 <t:div styleClass="mainPanel">
 <script type="text/javascript">var _AdfWindowOpenError='A popup window blocker has been detected in your browser. Popup blockers interfere with the operation of this application. Please disable your popup blocker or allow popups from this site.';</script><script type="text/javascript" src="/Facturacion/adf/jsLibs/Common1_2_3.js"></script>


                        And calendar popup don't work.

                        I'm suspect that Common1_2_3.js is the problem....

                        My Trinidad version is: 1.2.3

                        Is anything to do to solve this problem?.

                          • Actions