5 Replies Latest reply on Aug 29, 2007 7:17 AM by Ilya Shaikovsky

    SuggestionBox and Modal Panel error

    Nicolas Parfait Newbie

      If I include a suggestion box and modal panel on the same page, i get a javascript error and am unable to display the modal panel. This occurs with richfaces 3.1.0 rc3 (also rc2).

      If i have either component on its own i get no errors.

      Here is an example of the page contents.
      ----------------------------------------------------------------
      <a href="javascript:Richfaces.showModalPanel('wizard',{width:450, top:200})">show
      <h:form id="testform">
      <h:panelGrid>
      <h:inputText id="username"/>
      <rich:suggestionbox id="sugestId" for="username" suggestionAction="#{userNameManager.autocomplete}" var="result" fetchValue="#{result}">
      <h:column>
      <h:outputText value="#{result}"/>
      </h:column>
      </rich:suggestionbox>
      </h:panelGrid>
      </h:form>
      <rich:modalPanel id="wizard">
      <f:facet name="header">
      <h:outputText value="Wizard" />
      </f:facet>
      <f:facet name="controls">
      <h:graphicImage value="/images/modal/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('wizard')" />
      </f:facet>
      </rich:modalPanel>

        • 1. Re: SuggestionBox and Modal Panel error
          Ilya Shaikovsky Master

          unfortunatelly can't reproduce it on RC3.. please specify full environment and paste the page once more fully and carefully (using code tags)

          And paste the error also.

          • 2. Re: SuggestionBox, Modal Panel error with MenuItem
            Nicolas Parfait Newbie

            Ok, I believe the error occurs with suggestion box, modal panel and menu.
            Environment: Jboss 5.0.0.Beta 2, JDK 1.5.0_06, IE 7 (7.0.5730.11)

            The error is a javascript error on page load
            Line: 9
            Char: 401
            Error: Object doesn't support this property or method
            Code: 0

            If after that i try and click on the show modal panel link a different javascript error occurs (the suggestion box works, however not the modal panel)
            Line: 89
            Char: 1
            Error: 'modalPanel' is null or not an object
            Code: 0

            Here is the full page....If i remove the menu item line (below), I do not get an error.

            <rich:menuItem submitMode="ajax" value="Gallery" action="artistGallery"/>
            


            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml"
             xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:h="http://java.sun.com/jsf/html"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
             xmlns:rich="http://richfaces.ajax4jsf.org/rich">
            
             <head>
             <title>test</title>
             </head>
            
             <body>
             <f:view>
             <a4j:form>
             <rich:toolBar>
             <rich:toolBarGroup location="left">
             <rich:dropDownMenu value="Gallery">
             <rich:menuItem submitMode="ajax" value="Gallery" action="artistGallery"/>
             </rich:dropDownMenu>
             </rich:toolBarGroup>
             <rich:toolBarGroup location="right">
             <h:inputText styleClass="barsearch" />
             <h:commandButton styleClass="barsearchbutton"
             onclick="return false;" value="Search" />
             </rich:toolBarGroup>
             </rich:toolBar>
             </a4j:form>
            
             <a href="javascript:Richfaces.showModalPanel('wizard',{width:450, top:200})">show</a>
             <h:form id="testform">
             <h:panelGrid>
             <h:inputText id="username"/>
             <rich:suggestionbox id="sugestId" for="username" suggestionAction="#{userNameManager.autocomplete}" var="result" fetchValue="#{result}">
             <h:column>
             <h:outputText value="#{result}"/>
             </h:column>
             </rich:suggestionbox>
             </h:panelGrid>
             </h:form>
             <rich:modalPanel id="wizard">
             <f:facet name="header">
             <h:outputText value="Wizard" />
             </f:facet>
             <f:facet name="controls">
             <h:graphicImage value="/images/modal/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('wizard')" />
             </f:facet>
             </rich:modalPanel>
             </f:view>
             </body>
            </html>
            




            • 3. Re: SuggestionBox and Modal Panel error
              Ilya Shaikovsky Master

              My Environment is

              Tomcat 5.5.15
              JSF 1.2_04
              Facelets 1.1.12
              RF 3.1.0 RC3

              Still no client errors.

              the only difference is about container as far as I could see. Could you please check under tomcat?

              • 4. Re: SuggestionBox and Modal Panel error
                Nicolas Parfait Newbie

                I have tried on Tomcat 5.5.16 with the same problem.
                I have sent you an email with attached source.

                Regards,
                Nick