Call javascript funtion after posting the data

Question

Hi...
I have to show confirmation message in client side using JavaScript after I am getting the value from server side when I submit the page.
please help me for getting the solution for this problem...
I am going to create new active credit card data to a particular member, so while saving new credit card, I have to check whether this person already having the credit card or not in the server side, if he have then we have to show pop up message in client side for replacing the existing one?

Answer 1

Mahantesh wrote:
After getting confirmation message i need to call different action in jsf if data exist. if I press ok button it has to perform again action for deactivating the existing active card and putting new card in request tableYou can simulate a normal click on a button and invoke it's action method on the server. Place an unvisible button on the page and let the script call the click() method.
document.getElementById('myUnvisibleOkButton').click();You can avoid all the Javascript the following ways:
Use a panel with two ordinary buttons "Yes", "No" and manipulate it's rendered attribute.
variant 1
Let the panel cover all controls using CSS. We have successfully tried this approach:
                       <ui:panelLayout binding="#{personal$Mitarbeiterauswahl.layoutPanelConfirm}" id="layoutPanelConfirm" panelLayout="flow" style="height: 700px; left: 0px; top: 24px; position: absolute; width: 100%">
                            <h:panelGrid binding="#{personal$Mitarbeiterauswahl.gridPanelConfirm}" columns="1" id="gridPanelConfirm" style="margin-left:auto; margin-right:auto; margin-top:300px; background-color:#FF3333;">
                                <ui:staticText binding="#{personal$Mitarbeiterauswahl.staticTextConfirm}" id="staticTextConfirm" text="#{msg.global_loeschen}"/>
                                <ui:panelLayout binding="#{personal$Mitarbeiterauswahl.layoutPanelConfirmButtons}" id="layoutPanelConfirmButtons" panelLayout="flow">
                                    <ui:button action="#{personal$Mitarbeiterauswahl.buttonConfirmYes_action}"
                                        binding="#{personal$Mitarbeiterauswahl.buttonConfirmYes}" id="buttonConfirmYes" text="#{akt.button_ja}"/>
                                    <ui:button action="#{personal$Mitarbeiterauswahl.buttonConfirmNo_action}"
                                        binding="#{personal$Mitarbeiterauswahl.buttonConfirmNo}" id="buttonConfirmNo" text="#{akt.button_nein}"/>
                                </ui:panelLayout>
                            </h:panelGrid>
                        </ui:panelLayout>variant 2
"Disable" all other controls on the page. In general we are using this approach.