6 Replies Latest reply on Feb 5, 2009 8:46 AM by Mehdi Haloui

    JavaScript / Ajax - rich:panelMenu

    Mehdi Haloui Newbie

      Hello,
      I am trying to use the rich:panelMenu to create a Menu..
      Everything works fine, but in Internet Explorer 7 i have some javascript problems due to the menu, because when i take out the menu everything works fine.
      The problem is basically that the pages where the menu is displayed, some Select components does not expand. (and what its weird is that when i put another select above, the second one works fine but the first one just does not expand..)
      The menu code is

      <h:form>
       <h:panelGrid columns="2" columnClasses="cols" width="100%">
       <rich:panelMenu mode="none"
       style="width:150px;" styleClass="grupoMenu">
       <rich:panelMenuGroup label="Cartas" hoverClass="menuFilaSelected" styleClass="menuFila" >
       <rich:panelMenuItem label="Alta" onclick="menuTo('alta_carta.jsf')" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"></rich:panelMenuItem>
       <rich:panelMenuItem label="Consulta" onclick="menuTo('index.jsf')" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"></rich:panelMenuItem>
       <rich:panelMenuItem label="Modificación" onclick="menuTo('modificar_carta.jsf?new=1')" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       </rich:panelMenuGroup>
       <rich:panelMenuGroup label="Indicadores" hoverClass="menuFilaSelected" styleClass="menuFila">
       <rich:panelMenuItem label="Alta" onclick="document.location.href='alta_indicador.jsf'" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       <rich:panelMenuItem label="Consulta" onclick="menuTo('detalle_indicador.jsf')" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       <rich:panelMenuItem label="Modificación" onclick="menuTo('modificar_indicador.jsf')" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       <rich:panelMenuItem label="Registro" onclick="" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       </rich:panelMenuGroup>
       <rich:panelMenuGroup label="Usuarios" hoverClass="menuFilaSelected" styleClass="menuFila">
       <rich:panelMenuItem label="Gestión de permisos" onclick="" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       </rich:panelMenuGroup>
       <rich:panelMenuGroup label="Listados" hoverClass="menuFilaSelected" styleClass="menuFila">
       <rich:panelMenuItem label="Cuadro resumen" onclick="" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       <rich:panelMenuItem label="Listado de editores" onclick="" hoverClass="subMenuFilaSelected" styleClass="subMenuFila"/>
       </rich:panelMenuGroup>
       <rich:panelMenuGroup label="Graficos()" hoverClass="menuFilaSelected" styleClass="menuFila" onclick="menuTo('graphics.jsf')"></rich:panelMenuGroup>
       </rich:panelMenu>
       </h:panelGrid>
       </h:form>


      for the select the code is:
      <tr>
       <td>Conselleria</td>
       <td><h:selectOneMenu
       id="cons" value="#{indicadoresManager.codigoConselleria}"
       valueChangeListener="#{indicadoresManager.loadCartas}" onchange="submit()">
       <f:selectItem itemValue="" itemLabel="Seleccione ConsellerÃÂa" />
       <f:selectItems value="#{cartasManager.selectConselleria}" />
      
       </h:selectOneMenu></td>
       </tr>


      even if i use a normal html select, i get the same problem..
      thanks a lot hope there is a solution for that