Форум "Я-Печорец!" - главный форум города Печора :: Просмотр темы

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery1.js"></script>
</head>

<body>

<div id="content"></div>

<script>
   function show()
   {
      $.ajax({
         url: "ваша инклюженая вставка.php",
         cache: false,
         success: function(html){
            $("#content").html(html);
         }
      });
   }

   $(document).ready(function(){
      show();
      setInterval('show()',1000);
   });
</script>

</body>
</html>

Автор:	admin [ 23 дек 2009, 19:21 ]
Заголовок сообщения:	Динамическое обновление контента
Столкнулся с проблемой - необходимо было выводить на странице "инклюженный" php-скрипт, отображающий количество пользователей, слушающих радио. Чтобы увидеть сколько человек слушает, приходилось обновлять целиком всю страницу. Весьма неудобный способ, когда хотелось бы, чтобы информация обновлялась только в одном маленьком кусочке страницы, через заданный промежуток времени, без рефреша всей страницы. Ломая мозг, неистово "гугля" в инете решение было найдено: AJAX и jQuery Долго описывать не буду, чего и как. Кто в теме, тот поймет. Вот ссылка на описание волшебного процесса - http://www.codething.ru/ajax_js.php Использован Пример №1. Как видите, теперь кол-во слушателей радио "Я-Печорец" показывает четко и правдиво - обновление блока каждые 30 секунд без перезагруза страницы. Прикрепленный файл содержит: скрипт php-текущего времени заменяете на свой модуль. Время рефреша меняете на свой промежуток.

Автор:	Елена Время [ 23 дек 2009, 23:35 ]
Заголовок сообщения:	Re: Динамическое обновление контента
Здорово!!!! тоже сидела ... над этой хренью. все мозги сломала. Саша!!!! Спасибо....

Автор:	Елена Время [ 23 дек 2009, 23:44 ]
Заголовок сообщения:	Re: Динамическое обновление контента
сайтик потрясный! даже табличка есть с HTML кодировкой. Оч хор.

Автор:	admin [ 24 дек 2009, 14:56 ]
Заголовок сообщения:	Re: Динамическое обновление контента
Самое приятное, Елена, что в теле кода страницы обновляется всего лишь DIV-контейнер. Не надо париться с фреймами и т.п. Причем в теле страницы можно использовать несколько контейнеров (div-ов). Правда рефрешиться они будут одинаково... Хотя вру - по-разному - скриптов же можно прописать несколько - только поменять имя скрипта. Например jquery.js, потом jquery1.js и т.д. Выглядеть будет в коде так: Код: <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery1.js"></script> </head> <body> <div id="content"></div> <script> function show() { $.ajax({ url: "ваша инклюженая вставка.php", cache: false, success: function(html){ $("#content").html(html); } }); } $(document).ready(function(){ show(); setInterval('show()',1000); }); </script> </body> </html>

Форум "Я-Печорец!" - главный форум города Печора http://www.ya-pechorec.ru/forum/

Динамическое обновление контента http://www.ya-pechorec.ru/forum/viewtopic.php?f=159&t=1241	Страница 1 из 1

Страница 1 из 1	Часовой пояс: UTC + 3 часа
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group http://www.phpbb.com/