使用javascript自动刷新div [英] auto refresh a div using javascript
问题描述
现状我正在尝试自动刷新Joomla 2.5中的文章中定义的标签
SITUATION I am trying to auto refresh a tag defined within an article in Joomla 2.5
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"> </script>
<script>
var auto_refresh = setInterval(
function()
{
alert("testing");
$('#results').fadeOut('slow').load('#results').fadeIn("slow");
}, 20000);
</script-->
<div id="results">
{szakitable csv = "http://127.0.0.1/msedcl/Archives/status2.csv" csvseparator="," width= 430}
{/szakitable}
</div>
上面的代码利用了一个称为szaki表的扩展,该扩展允许将csv文件直接嵌入到文章中. 我要求div每20秒重新加载一次,以使csv文件中所做的更改反映在网页上. 问题:当我调用"$('#results').fadeOut('slow').load('#results').fadeIn("slow");时, 发生的情况是整个页面都在div区域内重新加载.这不是我所需要的.
The above code makes use of an extension called szaki tables, which allows csv file to be directly embedded into an article. I require that the div should reload every 20 seconds so that the changes made in the csv file get reflected on the webpage. PROBLEM When i call "$('#results').fadeOut('slow').load('#results').fadeIn("slow");" what happens is the entire page is reloaded within the div area. This is not what I require.
请提出任何建议!
推荐答案
您尝试过吗?
$('#results').fadeOut('slow').load('{current_page.html} #results').fadeIn("slow");
用文档的文件名替换{current_page.html}
Replace {current_page.html} with the file name of the document
$('#results').fadeOut('slow', function(){
$(this).load('index.html #results').fadeIn("slow")
});
这篇关于使用javascript自动刷新div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!