+ Start a Discussion
NJDeveloper019NJDeveloper019 

actionSupport AJAX not working in IE8, Google Chrome, or Safari

I have a VisualForce page built that allows users of our SalesForce instance to run an advanced search on objects.  This page uses actionSupport and outputPanel to utilize AJAX for different sections of the page.  The problem is that the AJAX does not seem to fire in IE8, Google Chrome, or Safari.  It works just fine in FireFox 3.5.  Why does this only work in Firefox? 

 

Below is some code showing my actionSupport usage.

 

 <apex:page controller="searchController" name="advancedSearch" Label="Advanced Search" title="Advanced Search">
<style type="text/css">
.unitDisabled {background-color: lightgray; }
.customMessage {background-color: #FFFFCC; border-style: solid; border-width: 1px; border-color: #3399FF; color: #000000; padding: 12px 14px 12px 12px; margin: 0 0 4px; }
</style>
  <apex:form >
     <apex:pageBlock title="Choose Search Type" >
         <apex:outputPanel >
           <apex:selectRadio value="{!searchType}">
               <apex:selectOptions value="{!searchChoice}" />
           </apex:selectRadio>
         <apex:actionSupport event="onchange" action="{!toggleVisibility}" rerender="searchCriteria,businessUnit,searchStatus"></apex:actionSupport>
         </apex:outputPanel>
     </apex:pageBlock>
     <apex:outputPanel id="businessUnit">
           <apex:pageBlock title="Choose Business Unit" >
                  <table>
                      <tr>
                    <td>                  
               <apex:selectList value="{!selectedUnits}" multiselect="true" disabled="{!unitDisabled}" disabledClass="unitDisabled">
                   <apex:selectOptions value="{!businessUnitList}" />
               </apex:selectList>
                       </td>
                       <td style="vertical-align: middle;">
                   <apex:outputText value="Business Unit Selection is disabled for Consultant Search." rendered="{!showUnitDisabled}" styleClass="customMessage"/>
                       </td>
                   </tr>
               </table>
         </apex:pageBlock>
     </apex:outputPanel>
     <apex:pageBlock title="Choose Owner">
           <apex:selectList value="{!selectedOwner}" multiselect="false" size="10">
               <apex:selectOptions value="{!userList}" />
           </apex:selectList>
     </apex:pageBlock>
     
     <apex:outputPanel id="searchCriteria">

 

          // Where users enter their search criteria and search.

 

     </apex:outputPanel>
    

TLFTLF
I'm seeing the same behavior on IE8 as well. I have a selectRadio with actionSupport that loads subsequent options for other selectRadio controls. It works just fine in FF 3.5.3.
TLFTLF
NJDeveloper019, try changing the "event" in your actionSupport components from "onchange" to "onclick". That did the trick for me in IE8.