刷新局部DIV

最新推荐文章于 2024-04-30 00:52:46 发布

最新推荐文章于 2024-04-30 00:52:46 发布 · 270 阅读

文章标签：

本文介绍了一个使用JavaScript实现的OA系统工作列表动态更新机制。该机制通过定时刷新页面内容来展示用户的待办事项，包括待办文件、待阅文件等，并通过不同图标区分各类任务。文章提供了一个具体的代码实例。

<scriptlanguage="javascript"type="text/javascript">

varwritestr="";
vari=0;
functionupdatepage()
{

ref();

setInterval("ref()",10000)
}

functionref()
{

writestr="<divclass=\"box-worklist-tit\">";

writestr+="<%=username%>欢迎您！</div>";

writestr+="<divclass=\"box-worklist-content\">";

writestr+="<tablewidth=\"100%\"border=\"0\"cellpadding=\"0\"cellspacing=\"0\"><tr><tdwidth=\"20\">";

writestr+="<imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-1.gif\"alt=\"待办文件\"width=\"11\"height=\"11\"/></td><td>";

writestr+="<ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=1\"target=\"_blank\">待办文件</a></td><tdwidth=\"50\"align=\"right\"class=\"yellow\">(<%=dbwj%>)</td></tr>";

writestr+="<tr><td><imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-2.gif\"alt=\"待阅文件\"width=\"11\"height=\"11\"/></td>";

writestr+="<td><ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=2\"target=\"_blank\">收文待阅</a></td><tdalign=\"right\"class=\"yellow\">(<%=dywj%>)</td></tr>";

writestr+="<tr><td><imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-3.gif\"alt=\"收文箱\"width=\"11\"height=\"11\"/></td>";

writestr+="<td><ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=3\"target=\"_blank\">发文待阅</a></td><tdalign=\"right\"class=\"yellow\">(<%=swx%>)</td></tr>";

writestr+="<tr><td><imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-4.gif\"alt=\"公办文件\"width=\"11\"height=\"11\"/></td>";

writestr+="<td><ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=4\"target=\"_blank\">公办文件</a></td><tdalign=\"right\"class=\"yellow\">(<%=gbwj%>)</td></tr>";

writestr+="</table></div>";

document.getElementById("divshow").innerHTML=writestr;
}
</script>

<bodyonload="updatepage();">

<divclass="box-worklist"id="divshow">
</div>
</body>