5 Replies Latest reply on Dec 18, 2012 4:11 AM by strannik

    Richfaces 3.3.3 not working on IE 8

    ajanz

      we use Richfaces 3.3.3 with JSF 1.2.12.

       

      On some PC's we got trouble with several richfaces components not working.

       

      i also tested with the live demo.

       

      http://livedemo.exadel.com/richfaces-demo/richfaces/contextMenu.jsf?c=contextMenu

       

      the right click on the image does bring up the normal browser menu, not the contextmenu.

       

      if i try to navigate with th links on the left side to an other component, this also doesn't work.

       

      the browser version is internet explorer  8.0.7600.16385

       

      any ideas what the problem is?

       

      greetings

      sascha

        • 1. Re: Richfaces 3.3.3 not working on IE 8
          ajanz

          i updated prototype to version 1.6.1, but with no success.

           

          any tips what to do?

          • 2. Re: Richfaces 3.3.3 not working on IE 8
            ajanz

            on the same page i got also a dropdownmenu, with same(!!!) menuitems. this works quite well.

             

            it is defined as

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

            <rich:dropDownMenu value="#{Text.get('BUTTON_MYWF_EDIT')}">

             

            <rich:menuItem target="/wfindex.xhtml" id="openwflink2" status="globalStatus" submitMode= "ajax" value="#{Text.get('MENU_SHOW')}" limitToList="true" reRender="globalmessage" action="#{Bean.gotowf}">

             

            <a4j:actionparam name="currentstate"assignTo="#{Page.currentstate}" value="read"  />

             

            </rich:dropDownMenu>

             

             

            and rendered as

            <DIV id=j_id102 class="rich-ddmenu-label rich-ddmenu-label-unselect  ">
            <DIV id=j_id102_span class=rich-label-text-decor>Bearbeiten</DIV>
            <DIV style="Z-INDEX: 100; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px">
            <DIV style="Z-INDEX: 2; DISPLAY: none" id=j_id102_menu class=rich-menu-list-border>
            <DIV class=rich-menu-list-bg>
            <DIV id=openwflink2 class="rich-menu-item rich-menu-item-enabled" onclick="RichFaces.Menu.updateItem(event,this);A4J.AJAX.Submit('mywf',event,{'status':'globalStatus','similarityGroupingId':'openwflink2','parameters':{'currentstate':'read','openwflink2':'openwflink2'} } )"><SPAN id=openwflink2:icon class="rich-menu-item-icon  "><IMG alt="" src="/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam" width=16 height=16></SPAN><SPAN id=openwflink2:anchor class=rich-menu-item-label>Anzeigen</SPAN></DIV>
            <DIV class=rich-menu-list-strut>
            <DIV class=rich-menu-list-strut> </DIV></DIV></DIV></DIV>
            <SCRIPT id=j_id102_menu_script type=text/javascript>new RichFaces.Menu.Layer('j_id102_menu',{'hideDelay':800,'delay':50} ).asDropDown('j_id102').addItems([['openwflink2']  ] );</SCRIPT>
            </DIV></DIV>

            the context menu is defined as

                <rich:contextMenu id="menuwf" attached="true" attachTo="tb"   >
                 <rich:menuItem target="/wfindex.xhtml" id="openwflink"   style="z-index:200"
                  status="globalStatus" submitMode="ajax"
                  value="#{Text.get('MENU_SHOW')}" limitToList="true"
                  reRender="globalmessage" action="#{Bean.gotowf}">
                  <a4j:actionparam name="currentstate"
                   assignTo="#{WorkflowPage.currentstate}" value="read" />
                 </rich:menuItem>
                </rich:menuItem>    
                </rich:contextMenu>

            and rendered as

            <div id="menuwf" component="[object Object]">

            <SCRIPT type=text/javascript>var contextMenu = new Richfaces.ContextMenu('menuwf', 50, [new E('div',{'style':'display: none; z\x2Dindex: 2;', 'className':'rich\x2Dmenu\x2Dlist\x2Dborder', 'id':'menuwf_menu'},[new E('div',{'className':'rich\x2Dmenu\x2Dlist\x2Dbg'},[new E('div',{'style':'z\x2Dindex:200', 'onclick':function (context) { return Richfaces.interpolate("RichFaces.Menu.updateItem(event,this);A4J.AJAX.Submit('mywf',event,{'status':'globalStatus','similarityGroupingId':'openwflink','parameters':{'currentstate':'read','openwflink':'openwflink'} } )", context);}, 'id':'openwflink', 'className':'rich\x2Dmenu\x2Ditem rich\x2Dmenu\x2Ditem\x2Denabled'},[new E('span',{'id':'openwflink:icon', 'className':'rich\x2Dmenu\x2Ditem\x2Dicon'},[new E('img',{'width':'16', 'src':'/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam', 'height':'16', 'alt':''})]),new E('span',{'id':'openwflink:anchor', 'className':'rich\x2Dmenu\x2Ditem\x2Dlabel'},[new T('Anzeigen')])]),new E('div',{'onclick':function (context) { return Richfaces.interpolate("RichFaces.Menu.updateItem(event,this);A4J.AJAX.Submit('mywf',event,{'status':'globalStatus','similarityGroupingId':'openeditwflink','parameters':{'openeditwflink':'openeditwflink'} } )", context);}, 'id':'openeditwflink', 'className':'rich\x2Dmenu\x2Ditem rich\x2Dmenu\x2Ditem\x2Denabled'},[new E('span',{'id':'openeditwflink:icon', 'className':'rich\x2Dmenu\x2Ditem\x2Dicon'},[new E('img',{'width':'16', 'src':'/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam', 'height':'16', 'alt':''})]),new E('span',{'id':'openeditwflink:anchor', 'className':'rich\x2Dmenu\x2Ditem\x2Dlabel'},[new T('Übernahme des Workflows von einer Rolle')])]),new E('div',{'onclick':function (context) { return Richfaces.interpolate("RichFaces.Menu.updateItem(event,this);A4J.AJAX.Submit('mywf',event,{'similarityGroupingId':'showtasks','parameters':{'showtasks':'showtasks'} } )", context);}, 'id':'showtasks', 'className':'rich\x2Dmenu\x2Ditem rich\x2Dmenu\x2Ditem\x2Denabled'},[new E('span',{'id':'showtasks:icon', 'className':'rich\x2Dmenu\x2Ditem\x2Dicon'},[new E('img',{'width':'16', 'src':'/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam', 'height':'16', 'alt':''})]),new E('span',{'id':'showtasks:anchor', 'className':'rich\x2Dmenu\x2Ditem\x2Dlabel'},[new T('Anzeige der Beteiligten')])]),new E('div',{'onclick':function (context) { return Richfaces.interpolate("RichFaces.Menu.updateItem(event,this);A4J.AJAX.Submit('mywf',event,{'similarityGroupingId':'wiedervorlage','parameters':{'wiedervorlage':'wiedervorlage'} } )", context);}, 'id':'wiedervorlage', 'className':'rich\x2Dmenu\x2Ditem rich\x2Dmenu\x2Ditem\x2Denabled'},[new E('span',{'id':'wiedervorlage:icon', 'className':'rich\x2Dmenu\x2Ditem\x2Dicon'},[new E('img',{'width':'16', 'src':'/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam', 'height':'16', 'alt':''})]),new E('div',{'style':'z\x2Dindex:5', 'onclick':function (context) { return Richfaces.interpolate("RichFaces.Menu.updateItem(event,this);", context);}, 'id':'diavorschau2', 'className':'rich\x2Dmenu\x2Ditem rich\x2Dmenu\x2Ditem\x2Denabled'},[new E('span',{'id':'diavorschau2:icon', 'className':'rich\x2Dmenu\x2Ditem\x2Dicon'},[new E('img',{'width':'16', 'src':'/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam', 'height':'16', 'alt':''})]),new E('span',{'id':'diavorschau2:anchor', 'className':'rich\x2Dmenu\x2Ditem\x2Dlabel'},[new T('Vorschau')])]),new E('div',{'className':'rich\x2Dmenu\x2Dlist\x2Dstrut'},[new E('div',{'style':'', 'className':'rich\x2Dmenu\x2Dlist\x2Dstrut'},[new T(' ')])])])])
            , new E('script',{'type':'text/javascript', 'id':'menuwf_menu_script'},[new T('new RichFaces.Menu.Layer(\'menuwf_menu\',{\'hideDelay\':800,\'delay\':50} ).asContextMenu().addItems([[\'openwflink\',{\'style\':\'z\\x2Dindex:200\'} \x5D ,[\'openeditwflink\'\x5D ,[\'showtasks\'\x5D ,[\'wiedervorlage\'\x5D ,[\'diavorschau2\',{\'style\':\'z\\x2Dindex:5\'} \x5D \x5D );')])
            ]);Richfaces.onAvailable('tb',function () {var vars = {contextMenu:contextMenu};return function() { with (vars) {contextMenu.attachToElementById('tb','oncontextmenu',{} )}}}());</SCRIPT>

            <DIV style="ZOOM: 1" id=menuwf:_auto_created>
            <DIV style="Z-INDEX: 2; DISPLAY: none; TOP: 156px; LEFT: 473px" id=menuwf_menu class=rich-menu-list-border>
            <DIV class=rich-menu-list-bg>
            <DIV style="Z-INDEX: 200" id=openwflink class="rich-menu-item rich-menu-item-enabled" onclick="RichFaces.Menu.updateItem(event,this);A4J.AJAX.Submit('mywf',event,{'status':'globalStatus','similarityGroupingId':'openwflink','parameters':{'currentstate':'read','openwflink':'openwflink'} } )"><SPAN id=openwflink:icon class=rich-menu-item-icon><IMG src="/webapp/a4j/g/3_3_3.Finalimages/spacer.gif.seam" width=16 height=16></IMG></SPAN><SPAN id=openwflink:anchor class=rich-menu-item-label>Anzeigen</SPAN></DIV>
            <DIV class=rich-menu-list-strut>
            <DIV class=rich-menu-list-strut> </DIV></DIV></DIV></DIV></DIV>
            </div>

            some items i removed because of readability

            • 3. Re: Richfaces 3.3.3 not working on IE 8
              strannik

              Do you consider migrating to 4.x? RichFaces 3.3.3 was shipped quite ago ....

              • 4. Re: Richfaces 3.3.3 not working on IE 8
                ajanz

                yes, i do consider migrating to 4.x.

                 

                but some components which i really need were missing. that's the reason why i not already migrated. but now this handicap with the latest version  doesn't exist any more.

                 

                but anyway, i also tested the richfaces 4 showcase on that browser version and got similar problems. context menu doesn't appear at all. Links on the left side, for browsing through component's don't work.

                • 5. Re: Richfaces 3.3.3 not working on IE 8
                  strannik

                  Sascha, hopefully my migration guide will be useful for you as it covers all the compatibility issues between 3.3.x and 4.x

                   

                  https://community.jboss.org/wiki/RichFaces33-4xMigrationGuideUnleashed