Javascript 执行动态模式弹出窗口

嗨，我在启动动态模式弹出窗口时遇到问题。 我需要通过点击一个按钮来启动它。这个按钮必须将一个值传递给从数据库中检索一些数据的web服务

这是按钮的代码

 <asp:Button ID="btnShow" Text="Details"  runat="server" />

这里是模式弹出窗口的代码

<asp:ModalPopupExtender ID="btnShow_ModalPopupExtender" runat="server" 
        TargetControlID="btnShow" OkControlID="btnDlgOK" PopupControlID="pnlPopup"
        DynamicControlID="lblInfo"
        DynamicServicePath="GetDetails.asmx"
        DynamicServiceMethod="GetData"
        BackgroundCssClass="modal"
        DropShadow="true"
        >
    </asp:ModalPopupExtender>

这里是我打开弹出窗口的基本javascript

<script type="text/javascript">
    function showpop() {
        $find("btnShow_ModalPopupExtender").show();
    }
</script>

函数showpop（）{
$find（“btnShow_ModalPopupExtender”）.show（）；
}

现在我不知道如何从按钮调用javascript代码，也不知道如何调用从数据库提取数据的web服务

---

如何操作？

附加

单击按钮上的事件以显示
弹出窗口

<script type="text/javascript">
    jQuery(function(){
         jQuery("#btnShow_ModalPopupExtender").hide(); // hide when page started
         jQuery("#btnShow").click(function(){
             jQuery("#btnShow_ModalPopupExtender").show();
         });
    });
</script>


jQuery（函数（）{
jQuery（“#btnShow_ModalPopupExtender”）.hide（）；//在页面启动时隐藏
jQuery（“#btnShow”）。单击（函数（）{
jQuery（“#btnShow_ModalPopupExtender”）.show（）；
});
});
使用jQuery UI模态对话框简化此操作。你可以很容易地做任何你需要的事情

在显示模式对话框之前，有许多事件可用于处理ajax调用