Thursday 11 August 2016

Open model pop up using jQuery

<div dir="ltr" style="text-align: left;" trbidi="on">
<!-- Start POP for SYNC PNR -->
     <br />
<div class="colum2">
<input class="new_crm_search_btn_beige" id="btnRemarks" name="btnViewDetails" onclick="return ShowModalPopup()" type="button" value="View Details" />
     </div>
<asp:panel cssclass="modalPopup" id="pnlStudent" runat="server">
        <asp:updatepanel id="UpdatePanel1" runat="server">
            <contenttemplate>
                <asp:imagebutton id="ImageButton1" imageurl="~/CRM/Images/fancy_close.png" onclientclick="return HideModalPopup();" runat="server" style="position: absolute; right: -11px; top: -13px;"></asp:imagebutton>
            </contenttemplate>
        </asp:updatepanel>
        </asp:panel><br />
<div class="booking_con scroll_class_popup" style="background-color: white;">
<h3 class="yellow_heading">
</h3>
<div class="padding_con_1">
<div class="row_1">
<h2>
                        ABC
                    </h2>
</div>
<div class="row_1">
<div class="col5">
<sup>*</sup> Name
                        <br />
<div class="passanger_inp_con">
<div class="input_wrapar_search">
<asp:textbox cssclass="Select" id="txtNAme" placeholder="Name" runat="server"></asp:textbox>
                             
                            </div>
</div>
</div>
<div class="col6">
<sup>*</sup>Mobile
                        <br />
<div class="passanger_inp_con">
<div class="input_wrapar_search">
<asp:textbox cssclass="Select" id="txtMobile" placeholder="Mobile" runat="server"></asp:textbox>
                           
                            </div>
</div>
</div>
</div>
<div class="row_1">
<div class="col2 float_R">
<div class="passanger_inp_con">
<div class="input_wrapar_search">
<input class="search_btn_beige" id="btnSubmit" onclick="return Validate()" style="padding: 0px;" type="button" value="Submit" />
                            </div>
</div>
</div>
</div>
</div>
</div>
<asp:linkbutton id="lnkpnlSubmit" runat="server"></asp:linkbutton>
    <cc1:modalpopupextender backgroundcssclass="modalBackground" behaviorid="studentPopUp" dropshadow="false" id="ModalPopupExtender1" popupcontrolid="pnlStudent" runat="server" targetcontrolid="lnkpnlSubmit">
    </cc1:modalpopupextender>

 <script type="text/javascript">
            function ShowModalPopup() {
                $('[id$=txtName]').val('');
                $find("studentPopUp").show();
                return false;
            }
            function HideModalPopup() {
                $('[id$=txtName]').val('');
                $find("studentPopUp").hide();
                return false;
            }
         


        </script></div>