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;

  }

}