Bymas | Обновление страницы через время без перезагрузки с

Тема закрыта by

pyrokinesis
Причина: решено

Слышал что можно сделать страницы через iframe что бы можно было писать комментарии без обновления страницы, Как это реализовать на dcms 4 это возможно ? По примеру как тут

javascript

   <div id="my_chat">тут ваш чат</div>   <script>     function ajaxChat() {         $.ajax({             url: 'page.php',   // адрес файла обработчика             dataType : "html",  // тип загружаемых данных             success: function (response) {                 // в response будет ответ сервера                 // добавляем новые данные на страницу                 $('#my_chat').html(response);             }         });     }       // запускаем функщию каждые 5 секунд     setInterval(ajaxChat, 5000); </script>

php

   $response = '';   $name_chat = $_SESSION['name_chat_go'];   $select_chat = $mysqli->query("SELECT * FROM '".$name_chat."'"); while($row = $select_chat->fetch_assoc()){     $response .= '.......................'; }   echo $response; 0

________
посл. ред. 31.01.2023 в 05:17; всего 1 раз(а); by pyrokinesis

по примеру как ту iframe и не пахнет, и что такое dcms 4

pyrokinesis (31 янв 2023, в 5:06)
Слышал что можно сделать страницы через iframe что бы можно было писать комментарии без обновления страницы, Как это реализовать на dcms 4 это возможно ? По примеру как тут

javascript

   <div id="my_chat">тут ваш чат</div>   <script>     function ajaxChat() {         $.ajax({             url: 'page.php',   // адрес файла обработчика             dataType : "html",  // тип загружаемых данных             success: function (response) {                 // в response будет ответ сервера                 // добавляем новые данные на страницу                 $('#my_chat').html(response);             }         });     }       // запускаем функщию каждые 5 секунд     setInterval(ajaxChat, 5000); </script>

php

   $response = '';   $name_chat = $_SESSION['name_chat_go'];   $select_chat = $mysqli->query("SELECT * FROM '".$name_chat."'"); while($row = $select_chat->fetch_assoc()){     $response .= '.......................'; }   echo $response; 0

без перезагрузки страниц, хочешь сделать комменты. Через iframe на вряд ли сделаешь

pyrokinesis (31 янв 2023, в 5:06)
Слышал что можно сделать страницы через iframe что бы можно было писать комментарии без обновления страницы, Как это реализовать на dcms 4 это возможно ? По примеру как тут

javascript

   <div id="my_chat">тут ваш чат</div>   <script>     function ajaxChat() {         $.ajax({             url: 'page.php',   // адрес файла обработчика             dataType : "html",  // тип загружаемых данных             success: function (response) {                 // в response будет ответ сервера                 // добавляем новые данные на страницу                 $('#my_chat').html(response);             }         });     }       // запускаем функщию каждые 5 секунд     setInterval(ajaxChat, 5000); </script>

php

   $response = '';   $name_chat = $_SESSION['name_chat_go'];   $select_chat = $mysqli->query("SELECT * FROM '".$name_chat."'"); while($row = $select_chat->fetch_assoc()){     $response .= '.......................'; }   echo $response; 0

javascript

   <a href="#" onclick="changeBlock('9xNlL7iiA4w');return false;">Video 1</a> |  <a href="#" onclick="changeBlock('gb63VCEC32Q');return false;">Video 2</a>  <div id="block"></div>     <script  type="text/javascript">     function changeBlock(id) {        document.getElementById('block').innerHTML = '<iframe width="425" height="349" src="http://www.youtube.com/embed/'+id+'" frameborder="0" allowfullscreen></iframe>';     }     </script>

C iframe.

javascript

   setInterval(function(){ $("#block").load("index.php #block"); }, 30000);

Через jQuery. Обновляется каждые 30 секунд с помощью setInterval ();

Сибирский (31 янв 2023, в 9:17)
по примеру как ту iframe и не пахнет, и что такое dcms 4

Верней дкмс 664

Ramzesoff (31 янв 2023, в 10:14)

javascript

   <a href="#" onclick="changeBlock('9xNlL7iiA4w');return false;">Video 1</a> |  <a href="#" onclick="changeBlock('gb63VCEC32Q');return false;">Video 2</a>  <div id="block"></div>     <script  type="text/javascript">     function changeBlock(id) {        document.getElementById('block').innerHTML = '<iframe width="425" height="349" src="http://www.youtube.com/embed/'+id+'" frameborder="0" allowfullscreen></iframe>';     }     </script>

C iframe.

javascript

   setInterval(function(){ $("#block").load("index.php #block"); }, 30000);

Через jQuery. Обновляется каждые 30 секунд с помощью setInterval ();

#block, я так понял индикатор стиля ?

получилось

javascript

   // Запускаем функцию autoUpdate по готовности страницы:  document.addEventListener('DOMContentLoaded', autoUpdate);  // Функция для запуска цикла:  async function autoUpdate() {      // Бесконечный цикл:      while (true) {          // Обновляем блок .test:     await elementUpdate('.test');          // Выжидаем 1000 миллисекунд перед повторением цикла:     await new Promise(function(s) { setTimeout(s, 1000); });        }    }  // Функция для обновления контента:  async function elementUpdate(selector) {   try {     var html = await (await fetch(location.href)).text();     var newdoc = new DOMParser().parseFromString(html, 'text/html');     document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;     console.log('Элемент '+selector+' был успешно обновлен.');     return true;   } catch(err) {     console.error('При обновлении элемента '+selector+' произошла ошибка:', err);     return false;   } }