Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/10/2013, 18:08
Avatar de satanson123
satanson123
 
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 12 años, 8 meses
Puntos: 2
wordpress algo que me falta para completar el script

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
  1. <script>function goNewWin() {
  2.  
  3. // Set height and width
  4. var NewWinHeight=800;
  5. var NewWinWidth=450;
  6.  
  7. // Place the window
  8. var NewWinPutX=10;
  9. var NewWinPutY=10;
  10. //Display content on shortcode
  11. var contenedor = document.getElementById("links");
  12. var contenedor2 = document.getElementById("msg");
  13. var value2 = document.getElementById("value");
  14. var seconds = 10;
  15.  
  16. value2.value = "Esperando...";
  17.  
  18. setTimeout(function() {value2.value = "Listo!";}, 11000);
  19. setTimeout(function() {value2.style.display = "none";}, 11500);
  20.  
  21.  
  22.  
  23. //Get what is below onto one line
  24.  
  25. 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",
  26. "fullscreen=yes","toolbar=no","location=no","directories=no",
  27. "status=no","menubar=no","scrollbars=no","resizable=no");
  28.  
  29. //Get what is above onto one line
  30.  
  31. TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
  32. TheNewWin.moveTo(NewWinPutX,NewWinPutY);
  33.  
  34. //Display content on shortcode
  35.  
  36.  if(TheNewWin != ""){
  37. contenedor2.style.display = "block";
  38. }
  39.  
  40. if(TheNewWin != ""){
  41. setTimeout(function() { contenedor2.style.display = "none"; contenedor.style.display = "block";  }, 11000);
  42. }
  43.  
  44.  
  45.       setInterval(
  46.         function(){
  47.           document.getElementById("seconds").innerHTML = --seconds;
  48.          
  49.         }, 1000
  50.                );
  51.                
  52.  
  53.    
  54. }
  55.  
  56. </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 original
  1. if(TheNewWin == ""){//Lo que sea}

No me funciona, me podrian ayudar a resolver esto por favor.