2010-05-31 44 views
0

在我的web應用程序中,我調用的文檔可能很大。該文檔已加載到iframe中。jquery等到大文檔加載時

我有一個標題,按鈕和文字都取決於這個文件。文本來自大文檔並顯示在iframe中。我想在文檔加載到3個位置時顯示動畫gif(1:文檔標題,2:文檔按鈕,3:文檔文本,iframe)

我試過iframe上的onload事件,但這並沒有給我帶來希望的效果。

這裏是我的代碼加載文件:當文件被加載

function loadDocument(id, doc) { 
    $("#DocumentContent").show(); 
    $("#ButtonBox").show(); 

    // Clear dynamic menu items 
    $("#DynamicMenuContent").html(""); 
    $("#PageContent").html(""); 

    // Load document in frame 
    $("#iframeDocument").attr("src", 'ViewDoc.aspx?id=' + id + '&doc=' + doc + '');  

    // $("#iframeDocument").attr("src", "Graphics/loader.gif");  

    // Load menu items 
    $.ajax({ 
     url: "ShowButtons.aspx?id=" + id + "&doc=" + doc, 
     success: function(data) { $("#DynamicMenuContent").html(data) }, 
     error: function(xhr, err, e) { alert("error: " + err) } 
    });  

    // Set document title 
    $("#documentTitle").load("GetDocumentInfo.aspx?p=title"); 
} 

我的問題,我怎麼能顯示一個載入GIF?文檔準備就緒後刪除gif文件?

回答

0

我已經創建了一個帶有圖片和一些文字股利。在我的功能,我讓這個div可見。我還創建了一個隱藏這個div的javascript函數(closeLoading())。在我調用closeLoading()的iframe的onload中。我從這個網站得到了我的靈感:http://mf.pastebin.com/f3c863aa4