Auto refresh на DIV

[gracmula92]

Здрасти!

Някой може ли да ми даде скрипт за автоматично обновяване на div през няколко секунди.

Целта е да не се налага обновяване на цялата страница а самият div да си върши сам тази работа, за да може да се виждат веднага промените, които ще се правят в него.

Уточнение: Да не се зарежда нещо друго, а да се самообновява.

Поздрави!

 

[mobys]

Първо трябва да заредиш AJAX.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Кодът е горе-долу този, тъй като не зная какво искаш да заредиш.

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#име_на_елемента').load('име_на_PHP_файла_със_съдържание.php').fadeIn("slow");
}, 10000); // зарежда ново съдържание на всеки 10000 милисекунди

<body>
<div id="име_на_елемента"> </div>
</body>

</script>

 

[gracmula92]

Трябва да стане нещо като това.

<html>
<head>
<script type="text/JavaScript">

</script>
</head>
<body onload="JavaScript:AutoRefresh(5000);">
<p>Това съдържание ще се обновява на 5 сек.</p>
</body>
</html>

Но вместо в body, onload="JavaScript:AutoRefresh(5000); да се постави в div и да се рефреш-ва Само този div.

например:

<div id="име" onload="JavaScript:AutoRefresh(5000);">
<p>...</p>
</div>

 

[joTunkiq]

неможе с този пример, който си дал. Той е за обновяване на цялата страница независимо каде си го сложил ..
[js]
освен:

function refresh(ms)
{
setInterval(function () {
$('#име_на_елемента').load('име_на_PHP_файла_със_съдържание.php').fadeIn("slow");

}, ms); // зарежда ново съдържание на всеки 10000 милисекунди
});
} [/js]

и в дива да напишеш..

<body onload="JavaScript:refresh(500);">
<p>Това съдържание ще се обновява на 5 сек.</p>
</body>

Кода ми включва и кода на колегата
:?: :?:

 

[eddyy93]

Ето така също може:

  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            setInterval(function() {
                $('#reload').load(document.URL +  '#reload');
        }, 1500);
 </script>

<div id="reload"></div>

 

[gracmula92]

Ето така също може:

  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            setInterval(function() {
                $('#reload').load(document.URL +  '#reload');
        }, 1500);
 </script>

<div id="reload"></div>

eddyy93 опитах твоят вариант и уж стана обаче като зареди 1, 2 пъти и страницата остава бяла... Другите глупусти в нея изчезват.

Някакви идеи как да го оправя?

 

[anonimen]

Някакви идеи как да го оправя?

Сложи дива преди <script> таговете или пък кода го сложи в

$(document).ready(function(){
//тук
});

 

[gracmula92]

И така не стана...

Направих го с фрейм към друга страница, която се обновява цялата. Използвах горният пример, който съм дал аз. Не е удобно заради точно зададената височина на фрейма, но поне работи без проблем.