رفتن به مطلب

به روز رسانی خودکار بخشی از صفحه


پست های پیشنهاد شده

با سلام

من در بخشی از یک صفحه ی پی اچ پی کدی به صورت زیر دارم:


<div>
{include file=test.html}
</div>

حالا دنبال روشی می گردم که وقتی کاربر این صفحه رو باز می کنه، به صورت خودکار در فواصل زمانی معینی مثلا هر 5 دقیقه فایل test.html دوباره فراخوانی ( رفرش ) بشه، البته بدون این که کل صفحه رفرش بشه، یعنی فقط همون فایل تغییر کنه.

پیشاپیش ممنون . :)

لینک به ارسال


<html>
<head>
<title>Auto Refresh Div Content Demo | jQuery4u</title>
<!-- For ease i'm just using a JQuery version hosted by JQuery- you can download any version and link to it locally -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function($)
{
$(document).ready(function()
{
$.ajaxSetup(
{
cache: false,
beforeSend: function() {
$('#content').hide();
$('#loading').show();
},
complete: function() {
$('#loading').hide();
$('#content').show();
},
success: function() {
$('#loading').hide();
$('#content').show();
}
});
var $container = $("#content");
$container.load("rss-feed-data.php");
var refreshId = setInterval(function()
{
$container.load('rss-feed-data.php');
}, 9000);
});
})(jQuery);
</script>
</head>
<body>

<div id="wrapper">
<div id="content"></div>
<img src="loading.gif" id="loading" alt="loading" style="display:none;" />
</div>

</body>
</html>

این میاد به کار ؟

منبع

http://www.sitepoint.com/auto-refresh-div-content-jquery-ajax/

نمونه دوم


<HTML>
<HEAD>
<TITLE>Crunchify - Refresh Div without Reloading Page</TITLE>

<style type="text/css">
body {
background-image:
url('http://cdn3.crunchify.com/wp-content/uploads/2013/03/Crunchify.bg_.300.png');
}
</style>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(
function() {
setInterval(function() {
var randomnumber = Math.floor(Math.random() * 100);
$('#show').text(
'I am getting refreshed every 3 seconds..! Random Number ==> '
+ randomnumber);
}, 3000);
});
</script>

</HEAD>
<BODY>
<br>
<br>
<div id="show" align="center"></div>

<div align="center">
<p>
by <a href="http://crunchify.com">Crunchify.com</a>
</p>
</div>
</BODY>
</HTML>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...