hi,
to reRender an a4j:outputpanel I use a4j:support on onchange-event in selectOneRadio tag.
This works on Firefox but not on Internet Explorer. On IE I have to click my mouse somewhere in IE window to process the reRender event.
<h:form id="toggleform">
<h:selectOneRadio layout="pageDirection" value="#{toggleTest.initialState}">
<f:selectItem id="item1" itemValue="season" itemLabel="Saison"/>
<f:selectItem id="item2" itemValue="time" itemLabel="Zeitraum"/>
<a:support event="onchange" reRender="toggleform:outputpanel"></a:support>
</h:selectOneRadio>
<a:outputPanel id="outputpanel">
<s:div rendered="#{toggleTest.seasonSelected}">
<h:outputText value="Bitte wählen Sie zwischen Sommer- und Wintersaison:"></h:outputText>
<h:selectOneRadio layout="pageDirection" value="#{toggleTest.wichSeason}" style="margin-bottom: 5px; margin-top: 15px;">
<f:selectItem id="summerselect" itemValue="summer" itemLabel="Sommersaison"/>
<f:selectItem id="winterselect" itemValue="winter" itemLabel="Wintersaison"/>
<a:support event="onchange" reRender="toggleform:selectedyear"></a:support>
</h:selectOneRadio>
<h:outputText value="Jahr:"></h:outputText>
<br/>
<h:selectOneMenu id="selectedyear" value="#{toggleTest.selectedYear}" style="width: 90px;">
<f:selectItem value="#{toggleTest.thisYear}"/>
<f:selectItems value="#{toggleTest.years}"/>
</h:selectOneMenu>
</s:div>
<s:div rendered="#{not toggleTest.seasonSelected}">
<h:outputText value="Time"></h:outputText></s:div>
</a:outputPanel>
</h:form>
It's with both a4j:support tags the same - I have to click on the screen after changing the field to reRender the outputpanel on IE.