Hola amigos, tengo el siguiente problema:
Estoy creando un popup al precionar un boton salga el popup me cuente 12 hasta 0 luego aparece un mensaje oculto y el popup se puede cerrar pero si el popup el usuario lo cierra haste de la cuenta regresiva aparesca un mensaje que dique "No cierres la ventana" y que le den click al boton aparesca todo reiniciado y empieze el conteo desde 12 hasta 0.
aqui les dejo un GIF que muestra lo que eh logrado.
Ahora les dejo el codigo de la funcion javascript
:
Código Javascript
:
Ver original<script>function goNewWin() {
// Set height and width
var NewWinHeight=800;
var NewWinWidth=450;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Display content on shortcode
var contenedor = document.getElementById("links");
var contenedor2 = document.getElementById("msg");
var value2 = document.getElementById("value");
var seconds = 10;
value2.value = "Esperando...";
setTimeout(function() {value2.value = "Listo!";}, 11000);
setTimeout(function() {value2.style.display = "none";}, 11500);
//Get what is below onto one line
TheNewWin =window.open("http://adf.ly/<?php if(get_the_author_meta('adfly') == ""){ echo '979154';}else{the_author_meta('adfly');} ?>/http://www.gratisprogramas.us", "TheNewpop",
"fullscreen=yes","toolbar=no","location=no","directories=no",
"status=no","menubar=no","scrollbars=no","resizable=no");
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
//Display content on shortcode
if(TheNewWin != ""){
contenedor2.style.display = "block";
}
if(TheNewWin != ""){
setTimeout(function() { contenedor2.style.display = "none"; contenedor.style.display = "block"; }, 11000);
}
setInterval(
function(){
document.getElementById("seconds").innerHTML = --seconds;
}, 1000
);
}
</script>
Y les dejo el de boton que es una funcion shortcode y esto va en la carpeta functions.php
Código PHP:
function mega_shortcode( $atts, $content = null ) {
return '
<span class="mega">
<center>
<FORM>
<input id="value" style="height:30px; width:150; font-weight:bold;" type="button" VALUE="Abrir enlaces" onClick="goNewWin()">
<div id="links" style="display:none;">
'.$content.'
</div>
<div id="msg" style="display:none; font-size:14px; font-weight: bold;">
Los links aparecera en <span id="seconds">10</span> segundos no cierres la ventana...
</div>
</FORM></center>
</span>';
}
add_shortcode( 'mg', 'mega_shortcode' );
Como pueden ver el codigo de la funcion "goNewWin()" coloque "if(TheNewWin != "")" para mostrar el contenido, pero usando el if de esta manera:
Código Javascript
:
Ver originalif(TheNewWin == ""){//Lo que sea}
No me funciona, me podrian ayudar a resolver esto por favor.