如何将当前索引传递给fancybox iframe

时间:2012-06-12 21:39:07

标签: iframe fancybox

我有一组链接,我在启用箭头时调用fancybox,以便用户可以单击next和prev。每个链接都使用iframe类和href ='/ editdata.aspx'进行修饰。我想删除箭头并传入当前索引,以便editdata.aspx保存按钮可以说“保存和下一步”,直到它到达最后一个链接,然后说“保存并关闭”。

从editdata.aspx我用

var numLinks = $(".link-items", parent.document.body).children("a.iframe").size();

这给了我链接的总数。我只需要知道正在向用户显示的当前链接,以便我可以更新保存按钮文本。

以下是editdata.aspx中我的代码示例:

// change the save button to save and next if fancybox is loading multiple links
        if (parent.$.fancybox) {
            var links = $(".links", parent.document.body);
            if (links && links.length > 0) {
                var numlinks  = $(links).children("a.popup").size();
                var index = getParameterByName('index');
                if (index == numlinks ) {
                    // this element is the last item to display so change the "save and next" to "save and close"
                    $("#btnSave").val("Save & Close");
                    $("#btnSave").click(function () {
                        parent.$.fancybox.close();
                    });
                }
                else {
                    $("#btnSave").val("Save & Next");
                    $("#btnSave").click(function () {
                        parent.$.fancybox.next();
                    });
                }
            }                
        }

function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.href);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

对于v2来说很容易 -

jQuery(".fancybox").fancybox({
    beforeLoad : function() {
        this.href = this.href + '?index=' + this.index;
    }
});