Popup de Confirm() al tocar una etiqueta específica en una página específica - Dooplay

  • Autor Autor Pelis1000s
  • Fecha de inicio Fecha de inicio
P

Pelis1000s

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Me surgio una nueva idea cuando pregunte en este post como usar una ventana emergente al tocar una imagen para entrar a un area para adultos, y el usuario @Gabrielt me lo resolvio con este codigo:
Insertar CODE, HTML o PHP:
<img src="https://od.lk/s/MzNfMTY5NjQxNzJf/XXX.png" width=auto height="100" onclick=" redirect()" href="https://www.google.com/">
<script>
    function redirect(){
        if(confirm('Are you sure?')){
            window.location.href = 'https://www.google.com'
        }
    }
var el_up = document.getElementById("GFG_UP");
el_up.innerHTML = "Click on the LINK for further confirmation.";
</script>

La nueva idea es, tengo una pagina para ver películas, y hay películas para adultos a las que me gustaría añadirle ese mismo código para que, al tocar la carátula que contenga la etiqueta ADULTOS, aparezca un popup de confirmación para poder acceder. Yo uso un plugin llamado Age Gate, que es usado para ese proposito exclusivo, pero no me llama mucho la atencion. Las caratulas aparecen en 3 URLs diferentes:
1) https://pelis.com/
2) https://pelis.com/peliculas/
3) https://pelis.com/peliculas/page/54/

Alguien sabe como hacer algo asi con el tema Dooplay o con un codigo general?

screenshot-pelisyseriesdesobra.co-2020.06.23-12_43_22.png
 
¡Hola de nuevo!, me alegra que te haya servido el código. Veo que estás usando Wordpress, no sé nada acerca de Wordpress, pero te doy una idea que creo se adapta a lo que necesitas:

HTML:
<img class="adult_only" src="https://od.lk/s/MzNfMTY5NjQxNzJf/XXX.png" width=auto height="100" href="https://www.google.com/">
<img class="adult_only" src="https://od.lk/s/MzNfMTY5NjQxNzJf/XXX.png" width=auto height="100" href="https://www.google.com/">
<img class="adult_only" src="https://od.lk/s/MzNfMTY5NjQxNzJf/XXX.png" width=auto height="100" href="https://www.google.com/">

<script>   
    
    let elements = document.getElementsByClassName("adult_only")

    for(let i = 0; i < elements.length; i++){
        elements[i].addEventListener('click', function redirect(){
        if(confirm('Are you sure?')){
            window.location.href = 'https://www.google.com'
        }
    })

    }   
</script>

Lo que sea para adulto lleva la clase "adult_only" (puede ser cualquiera), los seleccionas y le añades el evento 'click' con la función redirect() a cada uno.

Como dije, no sé nada de Wordpress pero es una idea que puede adaptarse un poco a lo que necesitas 😅
 
Atrás
Arriba