Question

如果按下以下按钮（这是Struts 2库中的提交按钮），我想显示一个gif图像：

<s:submit value="show" onclick="createLoadingLabel()" onblur="deleteLoadingLabel()" />

下面的Javascript方法向我展示了一个gif图像，它不会被动画化，如果我点击我网页上的某个位置（图像是静态的），gif图像将完全从显示中消失：

function createLoadingLabel(){

    $('#myDomObject').html('<div id="loadingDiv"><h1>One moment please ...</h1><p align="center"><input style="border:0px" type="image" src="/images/myGifImage.gif" title="loading..."/></p></div>');
 }

这是HTML代码，应由Javascript函数createLoadingLabel（）填充：

<div>
    <span id="myDomObject"></span>
</div>

这是Javascript函数，如果服务器端处理完成，它将从显示中删除图像：

function (){
    $('#myDomObject').empty();
}

如果用户点击提交按钮，我怎么能确保gif图像会被动画化？即使用户点击网页上的某个位置，也可以将gif图像放在前台？

//编辑

我编写了以下Ajax代码，如果按下提交按钮，将执行该代码，但是在服务器端处理完成后，gif图像没有动画并且不会消失：

function createLoadingLabel(){

   $('#myDomObject').html('<div id="loadingDiv"><h1>One moment please ...</h1><p align="center"><input style="border:0px" type="image" src="/images/myGifImage.gif" title="loading..."/></p></div>');                   

            $.post("myStrutsActionClass.action", 
                        {firstParam:selectedValue1, secondParam:selectedValue2}, 
                        function(data) {                        
                            $('#myDomObject').empty();
                        });   
}

此方法按以下方式注册：

<s:submit value="show" onclick="createLoadingLabel(); return false" />

如何使用JQuery加载gif图像

0 个答案: