Hello.
<h:selectOneRadio enabledClass="label_radio" id="isAlerts" value="#{Profile.emailAlerts}">
<f:selectItem id="alertyes" itemLabel="Yes" itemValue="#{true}"/>
<f:selectItem id="alertno" itemLabel="No" itemValue="#{false}"/>
<a4j:support event="onchange" id="list" ignoreDupResponses="true" reRender="pan1,pan2,pan3,pan4" limitToList="true" ajaxSingle="true"></a4j:support>
</h:selectOneRadio>
<a4j:outputPanel id="pan1" ajaxRendered="true" layout="block">
<h:outputText style="vertical-align: top;font-weight: bold; font-size: 14px;" id="categoriesTxt" rendered="#{Profile.emailAlerts}" value="Categories"/>
</a4j:outputPanel>
<a4j:outputPanel id="pan2" style="vertical-align:top;" ajaxRendered="true" layout="block">
<h:selectManyListbox styleClass="form_input" style="height: 100px;" rendered="#{Profile.emailAlerts}" value="#{Profile.emailAlertCategories}" id="categories">
<f:selectItems value="#{LookUp.categoriesItems}"/>
</h:selectManyListbox>
</a4j:outputPanel>
<a4j:outputPanel id="pan3" ajaxRendered="true" layout="block">
<h:outputText id="freqTxt" style="vertical-align: top;font-weight: bold; font-size: 14px;" rendered="#{Profile.emailAlerts}" value="Update Frequency"/>
</a4j:outputPanel>
<a4j:outputPanel id="pan4" ajaxRendered="true" layout="block">
<h:selectOneListbox styleClass="form_input" id="freq" value="#{Profile.alertsUpdateFrequency}" rendered="#{Profile.emailAlerts}" size="1">
<f:selectItems value="#{Profile.updateFrequencies}"/>
</h:selectOneListbox>
</a4j:outputPanel>
The problem is that a4j:support is working only in firefox. In ie and safari no activity on the server side is performing.