jquery弹出层里面的button事件咋写

Question

网上有好多的jquery弹出层效果都很好看，可是我想实现弹出一个层，这里面实现插入数据库数据的操作，现在是添加按钮button的事件没法写了，用asp:button不行，执行完了就刷新了，不是弹出的效果了。用input type="button"吧，我再用ajaxpro去调后台的添加方法，调用不了。愁人，怎么办

Answer 1

用jquery的ajax调用吧，比那个pro框架简单些

Answer 2

提供個思路給lz，lz不妨在頁面前臺放置一個asp:button的按鈕(就是說你頁面上有兩個button了)，設置Visible=false,並且要實現它的click事件，在js文件中的input類型的button的click--function裏用
Document.getElementByID("服務器button的ID").click();這樣或許可以觸發了。我有這麼做過。

Answer 3

jQuery(function($) {
        $("#test").bind("click", function(){
            alert();
        }); 
    }); 页面加载的时候绑定 。

Answer 4

應該是可以的呀，那你再確定一下你的服務器button控件是包含在這個<div></div>中間還是在div外面，我之前放在外面就可以觸發，在裏面就沒反應。

Answer 5

效果也是弹出，只是弹出的是一个页面不是DIV

Answer 6

用ajax来实现，在客户端把文本框中的值通过querystring传到后台，在后台取出值插入数据库，然后插入成功后response.write()一个类似“插入成功”之类的string,在客户端再显示这个返回值。

Answer 7

没好用
咋办呢，只要是input button onclick去执行function就出错，提示找不对象，也不知是哪个对象，但是asp:button确实能执行，就是刷新就不行了

Answer 8

你也用的jquery 弹出层效果吗

Answer 9

<style>
        #login
        {
            position: relative;
            display: none;
            top: 20px;
            left: 30px;
            background-color: #ffffff;
            text-align: center;
            border: solid 1px;
            padding: 10px;
            z-index: 1;
        }
    </style>
    <script type="text/javascript">
        var W = screen.width; //取得屏幕分辨率宽度
        var H = screen.height; //取得屏幕分辨率高度
        function M(id) {
            return document.getElementById(id); //用M()方法代替document.getElementById(id)
        }
        function MC(t) {
            return document.createElement(t); //用MC()方法代替document.createElement(t)
        };
        //判断浏览器是否为IE
        function isIE() {
            return (document.all && window.ActiveXObject && !window.opera) ? true : false;
        }
        //取得页面的高宽
        function getBodySize() {
            var bodySize = [];
            with (document.documentElement) {
                bodySize[0] = (scrollWidth > clientWidth) ? scrollWidth : clientWidth; //如果滚动条的宽度大于页面的宽度，取得滚动条的宽度，否则取页面宽度
                bodySize[1] = (scrollHeight > clientHeight) ? scrollHeight : clientHeight; //如果滚动条的高度大于页面的高度，取得滚动条的高度，否则取高度
            }
            return bodySize;
        }
        //创建遮盖层
        function popCoverDiv() {
            if (M("cover_div")) {
                //如果存在遮盖层，则让其显示 
                M("cover_div").style.display = 'block';
            } else {
                //否则创建遮盖层
                var coverDiv = MC('div');
                document.body.appendChild(coverDiv);
                coverDiv.id = 'cover_div';
                with (coverDiv.style) {
                    position = 'absolute';
                    background = '#CCCCCC';
                    left = '0px';
                    top = '0px';
                    var bodySize = getBodySize();
                    width = bodySize[0] + 'px'
                    height = bodySize[1] + 'px';
                    zIndex = 0;
                    if (isIE()) {
                        filter = "Alpha(Opacity=60)"; //IE逆境
                    } else {
                        opacity = 0.6;
                    }
                }
            }
        }        //让登陆层显示为块 
        function showLogin() {
            var login = M("login");
            login.style.display = "block";
        }        //设置DIV层的样式
        function change() {
            var login = M("login");
            login.style.position = "absolute";
            login.style.border = "1px solid #CCCCCC";
            login.style.background = "#F6F6F6";
            var i = 0;
            var bodySize = getBodySize();
            login.style.left = (bodySize[0] - i * i * 2) / 2 + "px";
            login.style.top = (bodySize[1] / 2 - 100 - i * i) + "px";
            login.style.width = i * i * 5 + "px";
            login.style.height = i * i * 1 + "px";            popChange(i);
        }
        //让DIV层大小循环增大
        function popChange(i) {
            var login = M("login");
            var bodySize = getBodySize();
            login.style.left = (bodySize[0] - i * i * 6) / 2 + "px";
            login.style.top = (bodySize[1] / 2 - 100 - i * i) + "px";
            login.style.width = i * i * 4 + "px";
            login.style.height = i * i * 2.1 + "px";
            if (i <= 10) {
                i++;
                setTimeout("popChange(" + i + ")", 10); //设置超时10毫秒
            }
        }
        //打开DIV层
        function open() {
            change();
            showLogin();
            popCoverDiv()
            void (0); //不进行任何操作,如：<a href="#">aaa</a>
        }
        //关闭DIV层
        function close() {
            M('login').style.display = 'none';
            M("cover_div").style.display = 'none';
            void (0);
        }
    </script>

Answer 10

<div id="login">
                <table border="0" width="300" id="table109" cellpadding="0">
                    <tr>
                        <td valign="top">
                            <table border="0" width="100%" id="table110" cellpadding="0" class="white">
                                <tr>
                                    <td height="80">
                                        <p align="left">
                                            <b>回复内容：<asp:Label ID="lblid" runat="server" Visible="false"></asp:Label></b><br>
                                             <asp:TextBox ID="txt_Huifui" runat="server" TextMode="MultiLine" Width="450" Height="200"></asp:TextBox>                                            
                                        </p>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <asp:LinkButton ID="btn" runat="server" Text="回复" CssClass="LinkBtn" 
                                            onclick="btn_Click" />
                                        <a class="LinkBtn" href="javascript:close();">关闭</a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>

Answer 11

直接调用open()方法弹出DIV

Answer 12

弹出一个页面，页面实现你的弹出层的功能，用jquery插件weeboxs就ok了，支持iframe弹出

Answer 13

这些都是一个页的吧
open也是本页调用吧？

Answer 14

后台调用 Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>open()</script>");前台调用
<a href="javascript:open();">关闭</a>

Answer 15

为什么一定要是连接a 呀，button为什么不行呢

Answer 16

这个是弹出div的方法~不是弹出页面~

Answer 17

  $('#<%=buttonId.ClientID %>').click();