Tema para preguntas random a Chatgpt 🤖

[blankito1998]

Si el evento de clic en el elemento con la clase .scale3 no se está detectando, podría deberse a que el iframe no está accediendo correctamente a su contenido, o el evento no se está asignando adecuadamente. Vamos a implementar una técnica alternativa para asegurarnos de que los eventos se asignen incluso si el iframe se recarga.

### Modificaciones Sugeridas:

1. Delegar el evento al contenedor del documento principal: En lugar de intentar acceder al documento del iframe, podemos delegar el evento a un elemento padre. Esto funciona incluso si el iframe se recarga.

2. Utilizar setTimeout para asegurar que el contenido esté completamente cargado antes de asignar el evento.

Aquí tienes el código ajustado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;

    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove(); // Elimina el lagger al cargar
                       
                        // Asegurarse de que el evento se asigne después de que el iframe se haya cargado
                        setTimeout(() => {
                            // Usar un escuchador en el documento principal
                            $(document).on('click', '.scale3', function() {
                                $("subody").attr("jores", dataId); // Asigna el valor de dataId a jores
                            });
                        }, 100); // Tiempo de espera para asegurarse de que el contenido esté completamente cargado
                    };
                }

                // Controlar y limpiar src de otros iframes
                clearTimeout(loadTimeouts); // Limpiar el timeout anterior
                loadTimeouts = setTimeout(() => {
                    document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        // Limpiar el src de otros iframes
                        if (otherIframeDataId !== dataId) {
                            $(otherIframe).removeAttr('src');

                            // Añadir el mensaje de carga, si no existe
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                // Detener la limpieza si el iframe no es visible
                clearTimeout(loadTimeouts);
            }
        });
    }, options);

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove(); // Eliminar el lagger

                                    // Usar un escuchador en el documento principal
                                    setTimeout(() => {
                                        $(document).on('click', '.scale3', function() {
                                            $("subody").attr("jores", iframe.getAttribute('dataid'));
                                        });
                                    }, 100); // Tiempo de espera para asegurarse de que el contenido esté completamente cargado
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            const currentJores = $("subody").attr("jores");
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');

                // Limpiar el src de otros iframes y el lagger
                if (dataId !== currentJores) {
                    $(iframe).removeAttr('src');
                    $(".laggs[dataid='" + dataId + "']").remove(); // Eliminar el lagger correspondiente
                } else {
                    iframe.src = iframe.getAttribute("data-src"); // Restablecer el src para el que tiene jores
                }
            });

            $("subody").removeAttr("jores"); // Elimina el atributo jores del subbody
        }
    });
});

### Resumen de Cambios:

1. Delegar el evento: En lugar de intentar asignar el evento de clic directamente al iframe, se asigna al documento principal usando $(document).on(...). Esto permite que el evento se maneje incluso si el iframe se recarga.

2. Uso de setTimeout: Asegura que el evento de clic se asigne después de que el iframe esté completamente cargado. Esto puede ayudar a prevenir problemas donde el evento se intenta asignar antes de que el contenido esté disponible.

### Pruebas:

• Verifica el contenido: Asegúrate de que el elemento con clase .scale3 esté presente y disponible en el iframe.
• Depuración: Si no funciona, consulta la consola del navegador para ver si hay errores o advertencias.

Si sigues teniendo problemas, haremos más ajustes. ¡Avísame!

$(document).ready(function() {
const options = {
root: null,
threshold: 0.6
};

let loadTimeouts;
let observer3 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const dataId = entry.target.getAttribute('dataid');
const iframe = entry.target;

if (entry.isIntersecting) {
// Asignar src si está vacío
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + dataId + "']").remove();
attachScale3ClickListener(iframe, dataId);
};
}

// Controlar y limpiar src de otros iframes
loadTimeouts = setInterval(() => {
const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
iframes.forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const currentJores = $("subody").attr("jores"); // Obtener el valor del atributo jores

if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
// Comprobar si no existe el elemento .laggs con el dataid correspondiente
if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
$(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

// Prepend para agregar mensaje de carga
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;float:left;z-index:1;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
}
});
}, 300);
} else {
clearInterval(loadTimeouts);
}
});
}, options);

function attachScale3ClickListener(iframe, dataId) {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

// Usar delegación de eventos para el botón .scale3 en el iframe
$(iframeDocument).on('click', '.scale3', function() {
$("subody").attr("jores", dataId);
// Aquí puedes agregar la lógica que quieras
});
}

function observeLogamDivs2() {
document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
if (elem instanceof Node) {
observer3.observe(elem);
}
});
}

observeLogamDivs2();

let mutationObserver3 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1) {
const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
iframes.forEach(iframe => {
if (iframe instanceof Node) {
observer3.observe(iframe);

// Asignar el src nuevamente si es necesario al volver a observar
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
};
}
}
});
}
});
});
});

const targetNode = document.querySelector('.moreinfo');
if (targetNode) {
mutationObserver3.observe(targetNode, {
childList: true,
subtree: true
});
}

// Manejar el evento de salida de pantalla completa
document.addEventListener('fullscreenchange', (event) => {
if (!document.fullscreenElement) {
// Vuelve a cargar el src, si es necesario, para los iframes visibles
document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
const dataId = iframe.getAttribute('dataid');
if (iframe.src === "") { // Verifica solo si el src está vacío
iframe.src = iframe.getAttribute("data-src");
$(".laggs[dataid='" + dataId + "']").remove();
}
});

// Eliminar el atributo jores del subbody
$("subody").removeAttr("jores");
}
});

});
mm aqui si me funciona bien la funcion de scale3, combina los 2

 

[BotBeta]

$(document).ready(function() {
const options = {
root: null,
threshold: 0.6
};

let loadTimeouts;
let observer3 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const dataId = entry.target.getAttribute('dataid');
const iframe = entry.target;

if (entry.isIntersecting) {
// Asignar src si está vacío
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + dataId + "']").remove();
attachScale3ClickListener(iframe, dataId);
};
}

// Controlar y limpiar src de otros iframes
loadTimeouts = setInterval(() => {
const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
iframes.forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const currentJores = $("subody").attr("jores"); // Obtener el valor del atributo jores

if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
// Comprobar si no existe el elemento .laggs con el dataid correspondiente
if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
$(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

// Prepend para agregar mensaje de carga
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;float:left;z-index:1;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
}
});
}, 300);
} else {
clearInterval(loadTimeouts);
}
});
}, options);

function attachScale3ClickListener(iframe, dataId) {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

// Usar delegación de eventos para el botón .scale3 en el iframe
$(iframeDocument).on('click', '.scale3', function() {
$("subody").attr("jores", dataId);
// Aquí puedes agregar la lógica que quieras
});
}

function observeLogamDivs2() {
document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
if (elem instanceof Node) {
observer3.observe(elem);
}
});
}

observeLogamDivs2();

let mutationObserver3 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1) {
const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
iframes.forEach(iframe => {
if (iframe instanceof Node) {
observer3.observe(iframe);

// Asignar el src nuevamente si es necesario al volver a observar
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
};
}
}
});
}
});
});
});

const targetNode = document.querySelector('.moreinfo');
if (targetNode) {
mutationObserver3.observe(targetNode, {
childList: true,
subtree: true
});
}

// Manejar el evento de salida de pantalla completa
document.addEventListener('fullscreenchange', (event) => {
if (!document.fullscreenElement) {
// Vuelve a cargar el src, si es necesario, para los iframes visibles
document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
const dataId = iframe.getAttribute('dataid');
if (iframe.src === "") { // Verifica solo si el src está vacío
iframe.src = iframe.getAttribute("data-src");
$(".laggs[dataid='" + dataId + "']").remove();
}
});

// Eliminar el atributo jores del subbody
$("subody").removeAttr("jores");
}
});

});
mm aqui si me funciona bien la funcion de scale3, combina los 2

Entiendo que deseas combinar las funcionalidades del código que has proporcionado, asegurando que la lógica relacionada con los iframes y el evento de clic en el botón con la clase .scale3 funcione de manera eficiente. Aquí está el código consolidado, integrando el manejo de jores y la gestión de los src de los iframes.

### Código Combinado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts; 
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const currentJores = $("subody").attr("jores"); // Obtener el valor de jores
                        
                        if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
                            // Comprobar si no existe el elemento .laggs con el dataid correspondiente
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes
                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
       
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
            // Aquí puedes agregar la lógica que quieras
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src, si es necesario, para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                if (iframe.src === "") { // Verifica solo si el src está vacío
                    iframe.src = iframe.getAttribute("data-src");
                    $(".laggs[dataid='" + dataId + "']").remove();
                }
            });

            // Eliminar el atributo jores del subbody
            $("subody").removeAttr("jores");
        }
    });

});

### Resumen de la Integración:

1. Detectar Intersección: La lógica para observar los iframes con el IntersectionObserver se mantiene, de modo que se cargan solo los iframes que están en la vista.

2. Asignación de src y Click Listener: La función attachScale3ClickListener se llama cada vez que se carga un iframe, lo que asigna correctamente el evento de clic al botón correspondiente dentro del iframe.

3. Manejo de jores: Al hacer clic en el botón con la clase .scale3, el valor correspondiente se asigna al atributo jores de subody.

4. Limpieza y Mantenimiento: Se manejan la carga y eliminación de src para todos los iframes que no están visibles, así como la gestión de los messages de carga visuales.

### Consideraciones Finales:

• Asegúrate de que todos los elementos y atributos en tu HTML estén correctamente configurados para que el Javascript funcione como se espera.
• Realiza pruebas detalladas para verificar que no haya inconsistencias en el comportamiento de los iframes o en la gestión del atributo jores.

Si necesitas más ajustes o mejoras, ¡házmelo saber!

 

[blankito1998]

Entiendo que deseas combinar las funcionalidades del código que has proporcionado, asegurando que la lógica relacionada con los iframes y el evento de clic en el botón con la clase .scale3 funcione de manera eficiente. Aquí está el código consolidado, integrando el manejo de jores y la gestión de los src de los iframes.

### Código Combinado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const currentJores = $("subody").attr("jores"); // Obtener el valor de jores
                       
                        if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
                            // Comprobar si no existe el elemento .laggs con el dataid correspondiente
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes
                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
      
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
            // Aquí puedes agregar la lógica que quieras
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src, si es necesario, para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                if (iframe.src === "") { // Verifica solo si el src está vacío
                    iframe.src = iframe.getAttribute("data-src");
                    $(".laggs[dataid='" + dataId + "']").remove();
                }
            });

            // Eliminar el atributo jores del subbody
            $("subody").removeAttr("jores");
        }
    });

});

### Resumen de la Integración:

1. Detectar Intersección: La lógica para observar los iframes con el IntersectionObserver se mantiene, de modo que se cargan solo los iframes que están en la vista.

2. Asignación de src y Click Listener: La función attachScale3ClickListener se llama cada vez que se carga un iframe, lo que asigna correctamente el evento de clic al botón correspondiente dentro del iframe.

3. Manejo de jores: Al hacer clic en el botón con la clase .scale3, el valor correspondiente se asigna al atributo jores de subody.

4. Limpieza y Mantenimiento: Se manejan la carga y eliminación de src para todos los iframes que no están visibles, así como la gestión de los messages de carga visuales.

### Consideraciones Finales:

• Asegúrate de que todos los elementos y atributos en tu HTML estén correctamente configurados para que el Javascript funcione como se espera.
• Realiza pruebas detalladas para verificar que no haya inconsistencias en el comportamiento de los iframes o en la gestión del atributo jores.

Si necesitas más ajustes o mejoras, ¡házmelo saber!

oks pero ahora de nuevo cuando coloco el full scrren y lo quito los videos se les queda el lagger y el src se quita

 

[BotBeta]

oks pero ahora de nuevo cuando coloco el full scrren y lo quito los videos se les queda el lagger y el src se quita

Entiendo. Si los iframes mantienen el "lagger" (el mensaje de carga) y su src se quita al salir del modo de pantalla completa, debemos ajustar la lógica en el manejador de eventos de salida de pantalla completa. A continuación, propongo algunos cambios para asegurarnos de que el "lagger" se elimine correctamente y que los src se mantengan adecuadamente.

### Solución Propuesta:

1. Al salir del modo de pantalla completa, asegurémonos de restablecer correctamente el src de los iframes que no están visibles y eliminar cualquier mensaje de carga correspondiente.

2. Optimicemos la lógica para asegurarnos de que el "lagger" se elimine solo para los iframes que ya no están en la vista.

Aquí tienes el código actualizado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const currentJores = $("subody").attr("jores"); // Obtener el valor de jores
                       
                        if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
                            // Comprobar si no existe el elemento .laggs con el dataid correspondiente
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes
                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
      
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
            // Aquí puedes agregar la lógica que quieras
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para iframes visibles y elimina el lagger
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                // Si el src está vacío y el iframe no está en vista, no hacemos nada
                if ($(iframe).is(":visible")) {
                    if (!iframe.src || iframe.src === "") { 
                        iframe.src = iframe.getAttribute("data-src");
                    }
                    $(".laggs[dataid='" + dataId + "']").remove(); // Eliminar el lagger si existe.
                }
            });

            // Eliminar el atributo jores del subbody
            $("subody").removeAttr("jores");
        }
    });

});

### Cambios Clave:

1. Lógica de Salida de Pantalla Completa:
- Al salir del modo de pantalla completa, ahora revisamos si los iframes están visibles con $(iframe).is(":visible"). Solo restablecemos los src y eliminamos el lagger en los iframes que están visibles.

2. Eliminación de Laggers:
- Eliminamos el lagger correspondiente si existe para el iframe visible.

### Consideraciones Finales:

• Asegúrate de que tu HTML esté bien estructurado y que los iframes y mensajes de carga tengan las clases y atributos correctos para que el código funcione adecuadamente.
• Realiza pruebas para confirmar que el comportamiento es el esperado.

Si necesitas más ajustes o hay otros problemas, ¡hazmelo saber! Estoy aquí para ayudar.

 

[blankito1998]

Entiendo. Si los iframes mantienen el "lagger" (el mensaje de carga) y su src se quita al salir del modo de pantalla completa, debemos ajustar la lógica en el manejador de eventos de salida de pantalla completa. A continuación, propongo algunos cambios para asegurarnos de que el "lagger" se elimine correctamente y que los src se mantengan adecuadamente.

### Solución Propuesta:

1. Al salir del modo de pantalla completa, asegurémonos de restablecer correctamente el src de los iframes que no están visibles y eliminar cualquier mensaje de carga correspondiente.

2. Optimicemos la lógica para asegurarnos de que el "lagger" se elimine solo para los iframes que ya no están en la vista.

Aquí tienes el código actualizado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const currentJores = $("subody").attr("jores"); // Obtener el valor de jores
                      
                        if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
                            // Comprobar si no existe el elemento .laggs con el dataid correspondiente
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes
                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
     
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
            // Aquí puedes agregar la lógica que quieras
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para iframes visibles y elimina el lagger
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                // Si el src está vacío y el iframe no está en vista, no hacemos nada
                if ($(iframe).is(":visible")) {
                    if (!iframe.src || iframe.src === "") {
                        iframe.src = iframe.getAttribute("data-src");
                    }
                    $(".laggs[dataid='" + dataId + "']").remove(); // Eliminar el lagger si existe.
                }
            });

            // Eliminar el atributo jores del subbody
            $("subody").removeAttr("jores");
        }
    });

});

### Cambios Clave:

1. Lógica de Salida de Pantalla Completa:
- Al salir del modo de pantalla completa, ahora revisamos si los iframes están visibles con $(iframe).is(":visible"). Solo restablecemos los src y eliminamos el lagger en los iframes que están visibles.

2. Eliminación de Laggers:
- Eliminamos el lagger correspondiente si existe para el iframe visible.

### Consideraciones Finales:

• Asegúrate de que tu HTML esté bien estructurado y que los iframes y mensajes de carga tengan las clases y atributos correctos para que el código funcione adecuadamente.
• Realiza pruebas para confirmar que el comportamiento es el esperado.

Si necesitas más ajustes o hay otros problemas, ¡hazmelo saber! Estoy aquí para ayudar.

hay vifdeos que cuando los observo el lagger se coloca y el src se quita

 

[BotBeta]

hay vifdeos que cuando los observo el lagger se coloca y el src se quita

Para abordar el problema en el que el "lagger" se queda visible y el src se quita cuando observas ciertos videos, podemos ajustar la lógica de asíncronía que maneja la visibilidad de los iframes y su carga. Vamos a asegurarnos de que la gestión de los "laggers" y el src se maneje correctamente durante la observación de cambios.

### Código Ajustado:

El siguiente código incluye cambios para mejorar la gestión de los iframes y sus respectivos "laggers":

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");

                        // Solo eliminar el src si no está en uso
                        if (otherIframeDataId !== dataId && $(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                            $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes
                           
                            // Agregar mensaje de carga solo si no existe ya
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
      
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
            // Lógica adicional si es necesario
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para iframes visibles y elimina el lagger
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                // Solo debe comprobar si el iframe es visible
                if ($(iframe).is(":visible")) {
                    if (!iframe.src || iframe.src === "") {
                        iframe.src = iframe.getAttribute("data-src");
                    }
                }
                // Eliminar el lagger si existe para el iframe visible
                $(".laggs[dataid='" + dataId + "']").remove();
            });

            // Eliminar el atributo jores del subbody
            $("subody").removeAttr("jores");
        }
    });

});

### Cambios Clave:

1. Manejo del src y lagger: Ahora eliminamos el src de los iframes de manera controlada; solo se elimina si no están visibles y no están usando un "lagger". Esto evitará que se limpie prematuramente el src.

2. Manejo de laggers: Se asegura que el "lagger" solo se elimine si el iframe que se está observando es visible, lo que facilita su recarga adecuada y elimina de manera efectiva el mensaje de carga cuando es necesario.

### Consideraciones Finales:

• Realiza pruebas para verificar que los "laggers" y los src se manejen correctamente al observar y al salir del modo de pantalla completa.
• Asegúrate de que los elementos en el HTML estén bien configurados y que las clases y atributos sean correctos para el funcionamiento adecuado del código.

Si tienes más problemas o necesitas ajustes adicionales, ¡házmelo saber! Estoy aquí para ayudar.

 

[blankito1998]

Para abordar el problema en el que el "lagger" se queda visible y el src se quita cuando observas ciertos videos, podemos ajustar la lógica de asíncronía que maneja la visibilidad de los iframes y su carga. Vamos a asegurarnos de que la gestión de los "laggers" y el src se maneje correctamente durante la observación de cambios.

### Código Ajustado:

El siguiente código incluye cambios para mejorar la gestión de los iframes y sus respectivos "laggers":

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");

                        // Solo eliminar el src si no está en uso
                        if (otherIframeDataId !== dataId && $(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                            $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes
                          
                            // Agregar mensaje de carga solo si no existe ya
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
     
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
            // Lógica adicional si es necesario
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para iframes visibles y elimina el lagger
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                // Solo debe comprobar si el iframe es visible
                if ($(iframe).is(":visible")) {
                    if (!iframe.src || iframe.src === "") {
                        iframe.src = iframe.getAttribute("data-src");
                    }
                }
                // Eliminar el lagger si existe para el iframe visible
                $(".laggs[dataid='" + dataId + "']").remove();
            });

            // Eliminar el atributo jores del subbody
            $("subody").removeAttr("jores");
        }
    });

});

### Cambios Clave:

1. Manejo del src y lagger: Ahora eliminamos el src de los iframes de manera controlada; solo se elimina si no están visibles y no están usando un "lagger". Esto evitará que se limpie prematuramente el src.

2. Manejo de laggers: Se asegura que el "lagger" solo se elimine si el iframe que se está observando es visible, lo que facilita su recarga adecuada y elimina de manera efectiva el mensaje de carga cuando es necesario.

### Consideraciones Finales:

• Realiza pruebas para verificar que los "laggers" y los src se manejen correctamente al observar y al salir del modo de pantalla completa.
• Asegúrate de que los elementos en el HTML estén bien configurados y que las clases y atributos sean correctos para el funcionamiento adecuado del código.

Si tienes más problemas o necesitas ajustes adicionales, ¡házmelo saber! Estoy aquí para ayudar.

$(document).ready(function() {
const options = {
root: null,
threshold: 0.6
};

let loadTimeouts;
let observer3 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const dataId = entry.target.getAttribute('dataid');
const iframe = entry.target;

if (entry.isIntersecting) {
// Asignar src si está vacío
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + dataId + "']").remove();
attachScale3ClickListener(iframe, dataId);
};
}

// Controlar y limpiar src de otros iframes
loadTimeouts = setInterval(() => {
const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
iframes.forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const varesh = $("subody[jores]").attr("jores");
if (otherIframeDataId !== dataId || varesh == dataId) {
// Comprobar si no existe el elemento .laggs con el dataid correspondiente
if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
$(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

// Prepend para agregar mensaje de carga
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;float:left;z-index:1;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
}
});
}, 300);
} else {
clearInterval(loadTimeouts);
}
});
}, options);

function attachScale3ClickListener(iframe, dataId) {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

// Usar delegación de eventos para el botón .scale3 en el iframe
$(iframeDocument).on('click', '.scale3', function() {
$("subody").attr("jores", dataId);
// Aquí puedes agregar la lógica que quieras
});
}

function observeLogamDivs2() {
document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
if (elem instanceof Node) {
observer3.observe(elem);
}
});
}

observeLogamDivs2();

let mutationObserver3 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1) {
const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
iframes.forEach(iframe => {
if (iframe instanceof Node) {
observer3.observe(iframe);

// Asignar el src nuevamente si es necesario al volver a observar
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
};
}
}
});
}
});
});
});

const targetNode = document.querySelector('.moreinfo');
if (targetNode) {
mutationObserver3.observe(targetNode, {
childList: true,
subtree: true
});
}

// Manejar el evento de salida de pantalla completa
document.addEventListener('fullscreenchange', (event) => {
if (!document.fullscreenElement) {
// Vuelve a cargar el src, si es necesario, para los iframes visibles
document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
const dataId = iframe.getAttribute('dataid');
if (iframe.src === "") { // Verifica solo si el src está vacío
iframe.src = iframe.getAttribute("data-src");
$(".laggs[dataid='" + dataId + "']").remove();
}
});
}
});

});

puedes hacer que los iframe que tengan el mismo id de jores no se borren los src?

 

[BotBeta]

$(document).ready(function() {
const options = {
root: null,
threshold: 0.6
};

let loadTimeouts;
let observer3 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const dataId = entry.target.getAttribute('dataid');
const iframe = entry.target;

if (entry.isIntersecting) {
// Asignar src si está vacío
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + dataId + "']").remove();
attachScale3ClickListener(iframe, dataId);
};
}

// Controlar y limpiar src de otros iframes
loadTimeouts = setInterval(() => {
const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
iframes.forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const varesh = $("subody[jores]").attr("jores");
if (otherIframeDataId !== dataId || varesh == dataId) {
// Comprobar si no existe el elemento .laggs con el dataid correspondiente
if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
$(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

// Prepend para agregar mensaje de carga
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;float:left;z-index:1;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
}
});
}, 300);
} else {
clearInterval(loadTimeouts);
}
});
}, options);

function attachScale3ClickListener(iframe, dataId) {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

// Usar delegación de eventos para el botón .scale3 en el iframe
$(iframeDocument).on('click', '.scale3', function() {
$("subody").attr("jores", dataId);
// Aquí puedes agregar la lógica que quieras
});
}

function observeLogamDivs2() {
document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
if (elem instanceof Node) {
observer3.observe(elem);
}
});
}

observeLogamDivs2();

let mutationObserver3 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1) {
const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
iframes.forEach(iframe => {
if (iframe instanceof Node) {
observer3.observe(iframe);

// Asignar el src nuevamente si es necesario al volver a observar
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
};
}
}
});
}
});
});
});

const targetNode = document.querySelector('.moreinfo');
if (targetNode) {
mutationObserver3.observe(targetNode, {
childList: true,
subtree: true
});
}

// Manejar el evento de salida de pantalla completa
document.addEventListener('fullscreenchange', (event) => {
if (!document.fullscreenElement) {
// Vuelve a cargar el src, si es necesario, para los iframes visibles
document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
const dataId = iframe.getAttribute('dataid');
if (iframe.src === "") { // Verifica solo si el src está vacío
iframe.src = iframe.getAttribute("data-src");
$(".laggs[dataid='" + dataId + "']").remove();
}
});
}
});

});

puedes hacer que los iframe que tengan el mismo id de jores no se borren los src?

Por supuesto. Para que los iframes que tengan el mismo ID que jores no se les borre el src al salir del modo de pantalla completa, podemos agregar una condición en el evento de salida de pantalla completa que verifique si el dataid del iframe es igual al valor de jores.

A continuación, te muestro cómo ajustar el código para implementar esta lógica:

### Código Modificado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const varesh = $("subody[jores]").attr("jores");
                        
                        // Comprobar que no se elimine el src si es igual a jores
                        if (otherIframeDataId !== dataId && otherIframeDataId !== varesh) {
                            // Comprobar si no existe el elemento .laggs con el dataid correspondiente
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src, si es necesario, para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const varesh = $("subody[jores]").attr("jores"); // Obtener el valor actual de jores

                if (iframe.src === "" && dataId !== varesh) { // Verifica solo si el src está vacío y no es igual a jores
                    iframe.src = iframe.getAttribute("data-src");
                    $(".laggs[dataid='" + dataId + "']").remove();
                }
            });
        }
    });
});

### Cambios Clave:

1. Condición para el src: Se ha modificado la condición en el bloque que gestiona los iframes para asegurarse de que solo se elimine el src de los iframes que no coinciden con el ID en el atributo jores.

2. Comprobación Adicional: Se asegura de que al salir del modo de pantalla completa, si el dataid del iframe coincide con el valor en jores, entonces no se cambia el src.

### Consideraciones Finales:

• Realiza pruebas para asegurarte de que los cambios funcionan como se espera y que los iframes que deben conservar su src lo hagan correctamente.
• Verifica que los elementos HTML están correctamente configurados para permitir la función de los iframes.

Si necesitas más ajustes o si hay algo más específico que quieras cambiar, ¡házmelo saber! Estoy aquí para ayudar.

 

[blankito1998]

Por supuesto. Para que los iframes que tengan el mismo ID que jores no se les borre el src al salir del modo de pantalla completa, podemos agregar una condición en el evento de salida de pantalla completa que verifique si el dataid del iframe es igual al valor de jores.

A continuación, te muestro cómo ajustar el código para implementar esta lógica:

### Código Modificado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const varesh = $("subody[jores]").attr("jores");
                       
                        // Comprobar que no se elimine el src si es igual a jores
                        if (otherIframeDataId !== dataId && otherIframeDataId !== varesh) {
                            // Comprobar si no existe el elemento .laggs con el dataid correspondiente
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
       
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src, si es necesario, para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const varesh = $("subody[jores]").attr("jores"); // Obtener el valor actual de jores

                if (iframe.src === "" && dataId !== varesh) { // Verifica solo si el src está vacío y no es igual a jores
                    iframe.src = iframe.getAttribute("data-src");
                    $(".laggs[dataid='" + dataId + "']").remove();
                }
            });
        }
    });
});

### Cambios Clave:

1. Condición para el src: Se ha modificado la condición en el bloque que gestiona los iframes para asegurarse de que solo se elimine el src de los iframes que no coinciden con el ID en el atributo jores.

2. Comprobación Adicional: Se asegura de que al salir del modo de pantalla completa, si el dataid del iframe coincide con el valor en jores, entonces no se cambia el src.

### Consideraciones Finales:

• Realiza pruebas para asegurarte de que los cambios funcionan como se espera y que los iframes que deben conservar su src lo hagan correctamente.
• Verifica que los elementos HTML están correctamente configurados para permitir la función de los iframes.

Si necesitas más ajustes o si hay algo más específico que quieras cambiar, ¡házmelo saber! Estoy aquí para ayudar.

oks pero porque cuando coloco el video en pantalla grande y quito la pantalla grande cuando observo otro el src no se coloca y el lagger se queda?

 

[BotBeta]

oks pero porque cuando coloco el video en pantalla grande y quito la pantalla grande cuando observo otro el src no se coloca y el lagger se queda?

El problema que describes parece estar relacionado con la lógica que controla la carga de los iframes y la eliminación del "lagger" cuando sales del modo de pantalla completa. Esto puede suceder si el evento de carga del iframe y la gestión de los "laggers" no se están ejecutando de manera adecuada al alternar entre diferentes iframes.

Vamos a ajustar la lógica para manejar estos casos y asegurarnos de que el "src" se restablezca correctamente y se elimine el "lagger" cuando sea necesario.

### Ajustes Propuestos:

1. Manejo de la Carga del Iframe: Asegúrate de que cada vez que un iframe entra en la vista, su src se establece correctamente.

2. Eliminar el Laggers: Asegúrate de que los "laggers" se eliminen correctamente cuando un iframe queda visible.

Aquí está el código ajustado:

### Código Modificado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }
                
                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const varesh = $("subody[jores]").attr("jores");

                        if (otherIframeDataId !== dataId && otherIframeDataId !== varesh) {
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const varesh = $("subody[jores]").attr("jores");

                // Solo volver a cargar el src si no coinciden con el ID de jores
                if (iframe.src === "" && dataId !== varesh) { // Verifica solo si el src está vacío
                    iframe.src = iframe.getAttribute("data-src");
                }
                // Asegurarse de limpiar el lagger
                $(".laggs[dataid='" + dataId + "']").remove();
            });
        }
    });

});

### Cambios Clave:

1. Asociar Nuevamente el src: En el evento de salida de pantalla completa, aseguramos que cada iframe visible intente recargar su src de nuevo, pero solo si no coincide con el ID presente en el atributo jores.

2. Eliminar Lagger: Siempre eliminamos el "lagger" de un iframe cuando salimos del modo de pantalla completa, incluso si no se carga su src.

### Consideraciones Finales:

• Pruebas Detalladas: Asegúrate de probar cómo se comportan los iframes al pasar entre el modo de pantalla completa y normal. Ya que los cambios deberían permitir que los iframes mantengan su src si son seleccionados correctamente.
• Depuración: Si algo no funciona como se espera, usa las herramientas de desarrollo para ver si hay errores u advertencias que puedan ayudarte a identificar problemas específicos.

Si todavía encuentras problemas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudar.

 

[blankito1998]

El problema que describes parece estar relacionado con la lógica que controla la carga de los iframes y la eliminación del "lagger" cuando sales del modo de pantalla completa. Esto puede suceder si el evento de carga del iframe y la gestión de los "laggers" no se están ejecutando de manera adecuada al alternar entre diferentes iframes.

Vamos a ajustar la lógica para manejar estos casos y asegurarnos de que el "src" se restablezca correctamente y se elimine el "lagger" cuando sea necesario.

### Ajustes Propuestos:

1. Manejo de la Carga del Iframe: Asegúrate de que cada vez que un iframe entra en la vista, su src se establece correctamente.

2. Eliminar el Laggers: Asegúrate de que los "laggers" se eliminen correctamente cuando un iframe queda visible.

Aquí está el código ajustado:

### Código Modificado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let loadTimeouts;
    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }
               
                // Controlar y limpiar src de otros iframes
                loadTimeouts = setInterval(() => {
                    const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
                    iframes.forEach(otherIframe => {
                        const otherIframeDataId = otherIframe.getAttribute("dataid");
                        const varesh = $("subody[jores]").attr("jores");

                        if (otherIframeDataId !== dataId && otherIframeDataId !== varesh) {
                            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                                $(otherIframe).removeAttr('src'); // Eliminar el src de otros iframes

                                // Prepend para agregar mensaje de carga
                                $(".freimps" + otherIframeDataId).prepend(
                                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                                );
                            }
                        }
                    });
                }, 300);
            } else {
                clearInterval(loadTimeouts);
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);

                            // Asignar el src nuevamente si es necesario al volver a observar
                            if (!iframe.src || iframe.src === "") {
                                iframe.src = iframe.getAttribute("data-src");
                                iframe.onload = function() {
                                    $(".laggs[dataid='" + iframe.getAttribute('dataid') + "']").remove();
                                    attachScale3ClickListener(iframe, iframe.getAttribute('dataid'));
                                };
                            }
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const varesh = $("subody[jores]").attr("jores");

                // Solo volver a cargar el src si no coinciden con el ID de jores
                if (iframe.src === "" && dataId !== varesh) { // Verifica solo si el src está vacío
                    iframe.src = iframe.getAttribute("data-src");
                }
                // Asegurarse de limpiar el lagger
                $(".laggs[dataid='" + dataId + "']").remove();
            });
        }
    });

});

### Cambios Clave:

1. Asociar Nuevamente el src: En el evento de salida de pantalla completa, aseguramos que cada iframe visible intente recargar su src de nuevo, pero solo si no coincide con el ID presente en el atributo jores.

2. Eliminar Lagger: Siempre eliminamos el "lagger" de un iframe cuando salimos del modo de pantalla completa, incluso si no se carga su src.

### Consideraciones Finales:

• Pruebas Detalladas: Asegúrate de probar cómo se comportan los iframes al pasar entre el modo de pantalla completa y normal. Ya que los cambios deberían permitir que los iframes mantengan su src si son seleccionados correctamente.
• Depuración: Si algo no funciona como se espera, usa las herramientas de desarrollo para ver si hay errores u advertencias que puedan ayudarte a identificar problemas específicos.

Si todavía encuentras problemas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudar.

sigue igual, cuando coloco y quito el full screen el lagger sigue apareciendo y el src no se coloca del iframe observado

 

[BotBeta]

sigue igual, cuando coloco y quito el full screen el lagger sigue apareciendo y el src no se coloca del iframe observado

Entiendo, gracias por la aclaración. Parece que necesitamos hacer algunos ajustes más específicos en el manejo de los "laggers" y la lógica de carga de los iframes. Vamos a asegurarnos de que los "laggers" se eliminen y que el src se establezca correctamente en el momento adecuado.

### Ajustes Propuestos:
1. Eliminar Laggers Correctamente: Verificar y eliminar el "lagger" solo después de que un iframe se haya cargado completamente.
2. Ajustes en la Lógica de Pantalla Completa: Asegurarnos de que estamos manejando correctamente el estado de cada iframe cuando se sale del modo de pantalla completa.

### Código Actualizado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Limpiar src de otros iframes
                document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
                    const otherIframeDataId = otherIframe.getAttribute("dataid");
                    const currentJores = $("subody[jores]").attr("jores");
                    
                    if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
                        otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
                        $(".laggs[dataid='" + otherIframeDataId + "']").remove(); // Eliminar su lagger si existe
                    }
                });
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const currentJores = $("subody").attr("jores"); // Obtener el valor actual de jores
                
                // Solo restablecer el src si no es igual a jores
                if (frame.src === "" && dataId !== currentJores) { 
                    iframe.src = iframe.getAttribute("data-src");
                }
                // Asegurarse de limpiar el lagger correspondiente
                $(".laggs[dataid='" + dataId + "']").remove();
            });
        }
    });
});

### Cambios Clave:

1. Eliminación de Laggers: El "lagger" se elimina para todos los iframes cada vez que uno se vuelve visible, y también aseguramos que se elimine el "lagger" de otros iframes cuando se cambian.

2. Control de src: El código ahora está diseñado para verificar cada iframe visible y solo establecer el src nuevamente si no coincide con el ID en jores.

### Consideraciones Finales:

• Pruebas Detalladas: Asegúrate de probar cómo se comportan los iframes al pasar entre el modo de pantalla completa y normal. Asegúrate de capturar la información sobre todos los iframes para determinar si se comportan como se desea.
• Depuración: Usa las herramientas de desarrollo para ver cualquier error que pueda ocurrir al intentar cargar los iframes o al gestionar el "lagger".

Si todavía encuentras problemas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudar.

 

[blankito1998]

Entiendo, gracias por la aclaración. Parece que necesitamos hacer algunos ajustes más específicos en el manejo de los "laggers" y la lógica de carga de los iframes. Vamos a asegurarnos de que los "laggers" se eliminen y que el src se establezca correctamente en el momento adecuado.

### Ajustes Propuestos:
1. Eliminar Laggers Correctamente: Verificar y eliminar el "lagger" solo después de que un iframe se haya cargado completamente.
2. Ajustes en la Lógica de Pantalla Completa: Asegurarnos de que estamos manejando correctamente el estado de cada iframe cuando se sale del modo de pantalla completa.

### Código Actualizado:

$(document).ready(function() {
    const options = {
        root: null,
        threshold: 0.6
    };

    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }

                // Limpiar src de otros iframes
                document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
                    const otherIframeDataId = otherIframe.getAttribute("dataid");
                    const currentJores = $("subody[jores]").attr("jores");
                   
                    if (otherIframeDataId !== dataId && otherIframeDataId !== currentJores) {
                        otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
                        $(".laggs[dataid='" + otherIframeDataId + "']").remove(); // Eliminar su lagger si existe
                    }
                });
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        // Usar delegación de eventos para el botón .scale3 en el iframe
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    let mutationObserver3 = new MutationObserver((mutations) => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1) {
                    const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
                    iframes.forEach(iframe => {
                        if (iframe instanceof Node) {
                            observer3.observe(iframe);
                        }
                    });
                }
            });
        });
    });

    const targetNode = document.querySelector('.moreinfo');
    if (targetNode) {
        mutationObserver3.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            // Vuelve a cargar el src para los iframes visibles
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const currentJores = $("subody").attr("jores"); // Obtener el valor actual de jores
               
                // Solo restablecer el src si no es igual a jores
                if (frame.src === "" && dataId !== currentJores) {
                    iframe.src = iframe.getAttribute("data-src");
                }
                // Asegurarse de limpiar el lagger correspondiente
                $(".laggs[dataid='" + dataId + "']").remove();
            });
        }
    });
});

### Cambios Clave:

1. Eliminación de Laggers: El "lagger" se elimina para todos los iframes cada vez que uno se vuelve visible, y también aseguramos que se elimine el "lagger" de otros iframes cuando se cambian.

2. Control de src: El código ahora está diseñado para verificar cada iframe visible y solo establecer el src nuevamente si no coincide con el ID en jores.

### Consideraciones Finales:

• Pruebas Detalladas: Asegúrate de probar cómo se comportan los iframes al pasar entre el modo de pantalla completa y normal. Asegúrate de capturar la información sobre todos los iframes para determinar si se comportan como se desea.
• Depuración: Usa las herramientas de desarrollo para ver cualquier error que pueda ocurrir al intentar cargar los iframes o al gestionar el "lagger".

Si todavía encuentras problemas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudar.

tengo una duda, asi deberia de funcionar mejor sin el setinterval?

 

[BotBeta]

tengo una duda, asi deberia de funcionar mejor sin el setinterval?

Sí, en muchos casos, el uso de un setInterval no es necesario y puede llevar a un manejo ineficiente de los recursos, especialmente si no se necesita realizar verificaciones repetidas en intervalos de tiempo regulares. En lugar de eso, se puede utilizar el IntersectionObserver para gestionar la visibilidad y carga de los iframes de manera más eficiente.

### Ventajas de Eliminar el setInterval:

1. Eficiencia: Se reduce el número de ciclos innecesarios, lo que ahorra recursos del navegador.
2. Simplicidad: El código es más limpio y más fácil de entender al evitar la lógica adicional del intervalo.
3. Reactividad: Con IntersectionObserver, puedes reaccionar de inmediato a los cambios en la visibilidad de los iframes en lugar de depender de un temporizador.

### Código Recomendado sin setInterval:

A continuación, te muestro una versión simplificada del código que evita el uso de setInterval:

$(document).ready(function() {
    const options = { root: null, threshold: 0.6 };

    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }
            } else {
                // Si el iframe no está en vista, eliminar el src y el lagger
                if (iframe.src) {
                    iframe.removeAttribute('src'); // Limpiar el src
                    $(".laggs[dataid='" + dataId + "']").remove(); // Eliminar el lagger
                }
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    // Más lógica para manejar cambios en el DOM...

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const currentJores = $("subody").attr("jores");
                // Solo restablecer el src si no es igual a jores
                if (!iframe.src && dataId !== currentJores) {
                    iframe.src = iframe.getAttribute("data-src");
                }
                $(".laggs[dataid='" + dataId + "']").remove();
            });
        }
    });
});

### Resumen:
El código proporcionado reacciona de inmediato a la visibilidad de los iframes sin la necesidad de chequear constantemente en un intervalo. Esto mejora el rendimiento y simplifica la lógica. Si el comportamiento sigue sin ser el esperado, es útil revisar otras partes del código y asegurarse de que todos los eventos están correctamente manejados.

Si tienes más dudas o quieres explorar más a fondo ciertas partes de tu implementación, ¡házmelo saber! Estoy aquí para ayudar.

 

[blankito1998]

Sí, en muchos casos, el uso de un setInterval no es necesario y puede llevar a un manejo ineficiente de los recursos, especialmente si no se necesita realizar verificaciones repetidas en intervalos de tiempo regulares. En lugar de eso, se puede utilizar el IntersectionObserver para gestionar la visibilidad y carga de los iframes de manera más eficiente.

### Ventajas de Eliminar el setInterval:

1. Eficiencia: Se reduce el número de ciclos innecesarios, lo que ahorra recursos del navegador.
2. Simplicidad: El código es más limpio y más fácil de entender al evitar la lógica adicional del intervalo.
3. Reactividad: Con IntersectionObserver, puedes reaccionar de inmediato a los cambios en la visibilidad de los iframes en lugar de depender de un temporizador.

### Código Recomendado sin setInterval:

A continuación, te muestro una versión simplificada del código que evita el uso de setInterval:

$(document).ready(function() {
    const options = { root: null, threshold: 0.6 };

    let observer3 = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            const dataId = entry.target.getAttribute('dataid');
            const iframe = entry.target;

            if (entry.isIntersecting) {
                // Asignar src si está vacío
                if (!iframe.src || iframe.src === "") {
                    iframe.src = iframe.getAttribute("data-src");
                    iframe.onload = function() {
                        $(".laggs[dataid='" + dataId + "']").remove();
                        attachScale3ClickListener(iframe, dataId);
                    };
                }
            } else {
                // Si el iframe no está en vista, eliminar el src y el lagger
                if (iframe.src) {
                    iframe.removeAttribute('src'); // Limpiar el src
                    $(".laggs[dataid='" + dataId + "']").remove(); // Eliminar el lagger
                }
            }
        });
    }, options);

    function attachScale3ClickListener(iframe, dataId) {
        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        $(iframeDocument).on('click', '.scale3', function() {
            $("subody").attr("jores", dataId);
        });
    }

    function observeLogamDivs2() {
        document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
            if (elem instanceof Node) {
                observer3.observe(elem);
            }
        });
    }

    observeLogamDivs2();

    // Más lógica para manejar cambios en el DOM...

    // Manejar el evento de salida de pantalla completa
    document.addEventListener('fullscreenchange', (event) => {
        if (!document.fullscreenElement) {
            document.querySelectorAll(".sessim .octumpro[data-src]").forEach(iframe => {
                const dataId = iframe.getAttribute('dataid');
                const currentJores = $("subody").attr("jores");
                // Solo restablecer el src si no es igual a jores
                if (!iframe.src && dataId !== currentJores) {
                    iframe.src = iframe.getAttribute("data-src");
                }
                $(".laggs[dataid='" + dataId + "']").remove();
            });
        }
    });
});

### Resumen:
El código proporcionado reacciona de inmediato a la visibilidad de los iframes sin la necesidad de chequear constantemente en un intervalo. Esto mejora el rendimiento y simplifica la lógica. Si el comportamiento sigue sin ser el esperado, es útil revisar otras partes del código y asegurarse de que todos los eventos están correctamente manejados.

Si tienes más dudas o quieres explorar más a fondo ciertas partes de tu implementación, ¡házmelo saber! Estoy aquí para ayudar.

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const currentJores = $("subody[jores]").attr("jores");

if(otherIframeDataId !== currentJores){
currentJores.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + currentJores).prepend(
'<div class="laggs" dataid="' + currentJores + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}else if (otherIframeDataId !== dataId) {
otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
});

puedes hacer que cuando el jores este presente borre el src de los demas excepto del jores

 

[BotBeta]

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const currentJores = $("subody[jores]").attr("jores");

if(otherIframeDataId !== currentJores){
currentJores.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + currentJores).prepend(
'<div class="laggs" dataid="' + currentJores + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}else if (otherIframeDataId !== dataId) {
otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
});

puedes hacer que cuando el jores este presente borre el src de los demas excepto del jores

Claro, podemos hacer que la lógica elimine el src de los iframes que no tengan el ID almacenado en jores, mientras que mantenga el src del iframe que coincide con jores. Aquí está el código ajustado para cumplir con este requerimiento:

### Código Ajustado:

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
    const otherIframeDataId = otherIframe.getAttribute("dataid");
    const currentJores = $("subody[jores]").attr("jores");

    // Solo eliminar el src de otros iframes si no coinciden con el jores
    if (currentJores && otherIframeDataId !== currentJores) {
        otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
        
        // Agregar el lagger solo si no existe
        if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
            $(".freimps" + otherIframeDataId).prepend(
                '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
            );
        }
    }
});

### Explicación de los Cambios:
1. Condicional: Ahora, primero verificamos si existe un valor en currentJores. Si existe y el dataid del iframe no coincide con currentJores, entonces eliminamos el src de ese iframe.

2. Agregar el Laggers: Solo agregamos el "lagger" si aún no existe para evitar múltiples instancias del mismo.

### Notas:

• Asegúrate de que el atributo jores en el subody esté correctamente configurado antes de ejecutar este bloque de código.
• Este ajuste se asegurará de que solo el iframe cuyo dataid corresponde al valor de jores mantenga su src, mientras que los demás se eliminarán.

Si tienes más preguntas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudarte.

 

[blankito1998]

Claro, podemos hacer que la lógica elimine el src de los iframes que no tengan el ID almacenado en jores, mientras que mantenga el src del iframe que coincide con jores. Aquí está el código ajustado para cumplir con este requerimiento:

### Código Ajustado:

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
    const otherIframeDataId = otherIframe.getAttribute("dataid");
    const currentJores = $("subody[jores]").attr("jores");

    // Solo eliminar el src de otros iframes si no coinciden con el jores
    if (currentJores && otherIframeDataId !== currentJores) {
        otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
       
        // Agregar el lagger solo si no existe
        if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
            $(".freimps" + otherIframeDataId).prepend(
                '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
            );
        }
    }
});

### Explicación de los Cambios:
1. Condicional: Ahora, primero verificamos si existe un valor en currentJores. Si existe y el dataid del iframe no coincide con currentJores, entonces eliminamos el src de ese iframe.

2. Agregar el Laggers: Solo agregamos el "lagger" si aún no existe para evitar múltiples instancias del mismo.

### Notas:

• Asegúrate de que el atributo jores en el subody esté correctamente configurado antes de ejecutar este bloque de código.
• Este ajuste se asegurará de que solo el iframe cuyo dataid corresponde al valor de jores mantenga su src, mientras que los demás se eliminarán.

Si tienes más preguntas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudarte.

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const currentJores = $("subody[jores]").attr("jores");

if(otherIframeDataId !== currentJores){
currentJores.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + currentJores).prepend(
'<div class="laggs" dataid="' + currentJores + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}else if (otherIframeDataId !== dataId) {
otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
});

lo quiero asi, que haga la funcion en los demas if(otherIframeDataId !== currentJores){ y borre el src y agregue lagger a los demas si se encuentra el jores en subody

 

[BotBeta]

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
const otherIframeDataId = otherIframe.getAttribute("dataid");
const currentJores = $("subody[jores]").attr("jores");

if(otherIframeDataId !== currentJores){
currentJores.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + currentJores).prepend(
'<div class="laggs" dataid="' + currentJores + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}else if (otherIframeDataId !== dataId) {
otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}
});

lo quiero asi, que haga la funcion en los demas if(otherIframeDataId !== currentJores){ y borre el src y agregue lagger a los demas si se encuentra el jores en subody

Entiendo lo que necesitas. Vamos a modificar el bloque de código para asegurarnos de que se elimine el src de los iframes que no coinciden con el valor de jores y agregar el "lagger" a estos. El código se ajustará para realizar esta acción solo si el jores está presente en el subbody.

Aquí tienes el código actualizado:

### Código Modificado:

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
    const otherIframeDataId = otherIframe.getAttribute("dataid");
    const currentJores = $("subody[jores]").attr("jores");
    
    // Verificar que jores esté presente
    if (currentJores) {
        // Eliminar el src y agregar el lagger a los iframes que no coinciden con jores
        if (otherIframeDataId !== currentJores) {
            otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
            // Verificar si el lagger ya existe antes de agregarlo
            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                $(".freimps" + otherIframeDataId).prepend(
                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                );
            }
        }
    }
});

### Explicación de los Cambios:
1. Verificación de jores: Comprobamos si el valor de jores está presente. Si no lo está, no realizamos ninguna acción.

2. Eliminación del src y Agregando el Laggers: Si el dataid de otros iframes no coincide con el jores, se elimina el src y se agrega el "lagger".

3. Verificación Antes de Agregar el Laggers: Solo se agrega el "lagger" si aún no existe para prevenir duplicaciones.

### Notas:

• Asegúrate de que el atributo jores en el subbody se configure correctamente antes de ejecutar este bloque de código.
• Este ajuste proporciona el comportamiento que deseas al asegurarse de que solo los iframes que no corresponden a jores se vean afectados.

Si tienes más preguntas o quieres hacer más ajustes, ¡házmelo saber! Estoy aquí para ayudarte.

 

[blankito1998]

Entiendo lo que necesitas. Vamos a modificar el bloque de código para asegurarnos de que se elimine el src de los iframes que no coinciden con el valor de jores y agregar el "lagger" a estos. El código se ajustará para realizar esta acción solo si el jores está presente en el subbody.

Aquí tienes el código actualizado:

### Código Modificado:

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
    const otherIframeDataId = otherIframe.getAttribute("dataid");
    const currentJores = $("subody[jores]").attr("jores");
   
    // Verificar que jores esté presente
    if (currentJores) {
        // Eliminar el src y agregar el lagger a los iframes que no coinciden con jores
        if (otherIframeDataId !== currentJores) {
            otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
            // Verificar si el lagger ya existe antes de agregarlo
            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                $(".freimps" + otherIframeDataId).prepend(
                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                );
            }
        }
    }
});

### Explicación de los Cambios:
1. Verificación de jores: Comprobamos si el valor de jores está presente. Si no lo está, no realizamos ninguna acción.

2. Eliminación del src y Agregando el Laggers: Si el dataid de otros iframes no coincide con el jores, se elimina el src y se agrega el "lagger".

3. Verificación Antes de Agregar el Laggers: Solo se agrega el "lagger" si aún no existe para prevenir duplicaciones.

### Notas:

• Asegúrate de que el atributo jores en el subbody se configure correctamente antes de ejecutar este bloque de código.
• Este ajuste proporciona el comportamiento que deseas al asegurarse de que solo los iframes que no corresponden a jores se vean afectados.

Si tienes más preguntas o quieres hacer más ajustes, ¡házmelo saber! Estoy aquí para ayudarte.

pero quiero que si no se encuentra tmb el jores en el subody me haga la funcion asi
else if (otherIframeDataId !== dataId) {
otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}

 

[BotBeta]

pero quiero que si no se encuentra tmb el jores en el subody me haga la funcion asi
else if (otherIframeDataId !== dataId) {
otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
$(".freimps" + otherIframeDataId).prepend(
'<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
);
}

Entendido. Quieres ajustar la lógica para asegurarte de que si jores no se encuentra en el subbody, se elimine el src de los iframes que no coinciden con el dataId del iframe actual y se agregue el "lagger". Aquí tienes el código actualizado:

### Código Modificado:

document.querySelectorAll(".sessim .octumpro[data-src]").forEach(otherIframe => {
    const otherIframeDataId = otherIframe.getAttribute("dataid");
    const currentJores = $("subody[jores]").attr("jores");

    // Si jores está presente, eliminar el src de otros iframes que no coinciden
    if (currentJores) {
        if (otherIframeDataId !== currentJores) {
            otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
            // Verificar si el lagger ya existe antes de agregarlo
            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                $(".freimps" + otherIframeDataId).prepend(
                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                );
            }
        }
    } else { // Si no está presente, eliminar el src y agregar el lagger a otros iframes
        if (otherIframeDataId !== dataId) {
            otherIframe.removeAttribute('src'); // Eliminar el src de otros iframes
            // Verificar si el lagger ya existe antes de agregarlo
            if ($(".laggs[dataid='" + otherIframeDataId + "']").length === 0) {
                $(".freimps" + otherIframeDataId).prepend(
                    '<div class="laggs" dataid="' + otherIframeDataId + '" style="margin-left:10px;display:flex;justify-content:center;align-items:center;background:#000000;width:calc(100% - 20px);height:100%;position:absolute;"><img src="../wpp/img/loading-25.gif" loading="lazy" style="width:20px;height:20px;" /></div>'
                );
            }
        }
    }
});

### Explicación de los Cambios:
1. Condicional para jores: La lógica ahora verifica si currentJores está presente.
- Si lo está, elimina el src de los iframes que no coinciden con currentJores.
- Si no está presente, elimina el src de los iframes que no coinciden con dataId.

2. Agregando el Laggers: Se agrega el "lagger" solo si no existe previamente, tanto en el caso de que jores esté presente como si no lo esté.

### Notas:
- Asegúrate de que dataId y otros atributos estén correctamente definidos y accesibles en el contexto en que se ejecuta este código.

Si tienes más preguntas o necesitas más ajustes, ¡házmelo saber! Estoy aquí para ayudarte.