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

    calendar do not work with Firefox

    Ariel Fernando Newbie

      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

        • 1. Re: calendar do not work with Firefox
          Ilya Shaikovsky Master

          could you please use 3.1.3 snapshot.

          • 2. Re: calendar do not work with Firefox
            Ariel Fernando Newbie

            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.



            • 3. Re: calendar do not work with Firefox
              Sergey Smirnov Master

              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.

              • 4. Re: calendar do not work with Firefox
                Ariel Fernando Newbie

                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>
                
                


                • 6. Re: calendar do not work with Firefox
                  Ariel Fernando Newbie

                  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.

                  • 7. Re: calendar do not work with Firefox
                    Ariel Fernando Newbie

                    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 :((((

                    • 8. Re: calendar do not work with Firefox
                      Ariel Fernando Newbie

                      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?.