Oracle Web Center Portal - af:showDetailItem/ Client Listener using Javascript

Question

Dear,
I wonder if it is possible to run a JavaScript function whenever a tab is selected in the component <af: panelTabbed /> which contains components <af: panelTabbed /> I need to run the function each time you select a tab, it is possible this??
Here my example:
<af:resource type="text/javascript">                                                   
                    function alertTabSwitch(disclosureEvent){
                        var tab = disclosureEvent.getSource();
                        if(tab.getDisclosed()==true){
                           alert("test tab : " + tab);
                           disclosureEvent.cancel();                         
</af:resource>
<af:panelTabbed id="pt1" styleClass="detalleAutoridad" dimensionsFrom="auto">
      <af:showDetailItem text="#{portalBundle.BIOGRAFIA}" id="sdi1" disclosed="true"  persist="disclosed" clientComponent="true">
Thanks,
Best Regards.

Answer 1

Here is the code snippet, which is will call every time you click the tab.
<af:resource type="javascript">
function performOnTabSwitch(disclosureEvent){
    var tab = disclosureEvent.getSource();   //This is the tab to close
    if(tab.getDisclosed()==true){
       alert(tab);
       disclosureEvent.cancel();
</af:resource>
      <af:panelTabbed id="pt1">
            <af:showDetailItem text="FirstTab" id="sdi1" disclosed="true" stretchChildren="first"
                               clientComponent="false">
                               First Tab
                <af:clientListener method="performOnTabSwitch" type="disclosure"/>
               </af:showDetailItem>
            <af:showDetailItem text="SecondTab" id="sdi2" stretchChildren="first" clientComponent="false">
            Second Tab
            <af:clientListener method="performOnTabSwitch" type="disclosure"/>
               </af:showDetailItem>
        </af:panelTabbed>
-K