document.write('<center><div id="contenu-externe">		<style>        @keyframes rotation {            0% { transform: rotate(0deg); }            100% { transform: rotate(360deg); }        }        .loader {            border: 8px solid #f3f3f3;            border-top: 8px solid #3498db;            border-radius: 50%;            width: 25px;            height: 25px;            animation: rotation 2s linear infinite;            margin: 0 auto;            margin-top: 10px;        }    </style>	<div class="loader"></div>	<br />    <div align="center">CHARGEMENT DES COMMENTAIRES ...</div></div></center>');

let rafraichissementActif = true;
    

    function chargerContenu() {
        fetch('/articles-auto/pages_php/affiche_commentaire_ajax.php?id=2978') 
            .then(response => {
                if (!response.ok) {
                    throw new Error('Réseau ou problème de réponse');
                }
                return response.text();
            })
            .then(html => {
                document.getElementById('contenu-externe').innerHTML = html;
            })
            .catch(error => {
                console.error('Erreur lors du chargement de la page PHP:', error);
            });
    }

   
	
	
   
	
	
	function handleIntersection(entries, observer) {
  entries.forEach((entry) => {
    if (entry.isIntersecting) {
      // L'élément est devenu visible
      // Affichez ici ce que vous voulez montrer
       
	   setTimeout(function() {chargerContenu();}, 10);

      // Vous pouvez également retirer l'observateur si vous n'avez plus besoin de surveiller l'élément
      observer.unobserve(entry.target);
    }
	  });
	}
	
	// Créez un observateur d'intersection en utilisant la fonction de callback
	const observer = new IntersectionObserver(handleIntersection);
	
	// Ciblez l'élément que vous souhaitez observer
	const targetElement = document.getElementById('contenu-externe');
	
	// Démarrez l'observateur en observant l'élément cible
	observer.observe(targetElement);