在jsp中加载gif ajax实现

时间:2014-09-09 21:03:48

标签: javascript ajax jsp

在我的 jspx中加载gif的实现

选择列表下拉列表时

如下

<ui:composition>

<style type="text/css">#mask {display: none;cursor: wait;z-index: 99999;position:absolute;top: 0;left: 0;height: 100%;width: 100%; background-color: white;filter: alpha(opacity = 50); }
</style>

<div id="mask"><div style="position: absolute; top : 300px; left :550px; text-align : center; vertical-align: middle;font-family:arial,helvetica,verdana,sans-serif; color : red;font-size : 16px;font-weight : bold; text-decoration: underline;"><img id="ajaxBusyImage" src="#{facesContext.externalContext.requestContextPath}/images/progress.gif" />
<br/>loading</div></div>onchange="resetAllCheckBoxes();refreshAllActionButtons(#{myBean.selectedRotate.rotateReadOnly});showCursor();

showCursor()方法如下

function showCursor() {
document.getElementById('mask').style.display = 'block';
return false;
}

我需要在jsp文件中实现相同的功能

当我试图加入时,它给我的错误是它不适合包含的地方。

如何更正或在jsp中实现它的另一种方式?

我在andChange里面调用了一个方法showCursor()

<div id="mask"><div style="position: absolute; top : 300px; left : 550px; text-align : center; vertical-align: middle;font-family: arial,helvetica,verdana,sans-serif; color : red; font-size : 16px; font-weight : bold; text-decoration: underline;"><img src="../images/blank.gif" /><br/>loadinggg</div></div>

---更新我删除了图片ID和给定的源路径。现在错误已被消除,但是当页面首次启动并且gif不是真正的gif时,图像就会出现......就像图像的图标一样。

我仍然没有按预期使用gif

1 个答案:

答案 0 :(得分:0)

删除img标记中的id并将src设为 将gif放在images文件夹中<img scr= "/images/blank.gif">