document.addEventListener('DOMContentLoaded', function() {

    function cargarContenido(url, elementoId) {
        fetch(url)
            .then(response => response.text())
            .then(content => {
                document.getElementById(elementoId).innerHTML = content;

                // Ahora que el contenido ha sido cargado, asocia los eventos:
                asociarEventos();
            })
            .catch(error => {
                console.error('Hubo un problema con la petición Fetch:', error);
            });
    }


function asociarEventos() {
    var iframe = document.getElementById('chatIframe');
    var Button = document.getElementById('chatButton');
    var ButtonClose = document.getElementById('chatButton-close');

    document.getElementById('chatButton').addEventListener('click', function() {
      iframe.style.display = ((iframe.style.display == '') || (iframe.style.display == 'none')) ? 'block' : 'none';
      Button.style.display = 'none';
      ButtonClose.style.display = 'block';
    });

    document.getElementById('chatButton-close').addEventListener('click', function() {
      iframe.style.display = 'none';
      Button.style.display = '';
      ButtonClose.style.display = 'none';
    });
}

    let url = "https://bot-chat.es/chatbot/index.php?id_chatbot=TyXQmPtY0X";
    cargarContenido(url, 'chatbot');

});


// Crear un elemento div para contener el HTML
var div = document.createElement('div');
div.innerHTML = "<div id=\"chatbot\"></div>";

// Agregar el contenido a tu página
document.body.appendChild(div);