Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Dhtml
Code

Dhtml - Ventana popup Anti-Bloqueo

Códigos Dhtml

Al mostrar en nuestras páginas ventanas popup muchos de los visitantes tienen software instalado para impedir que se muestren o para bloquear los popups. Este codigo muestra un anuncio en página el cual evita que nos bloqueen nuestros anuncios.
Visitas: 42,875 - 08/07/2005 21:07:38
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Mas que un Popup es una mascara o layer que se muestra desde la parte de arriba de la página.
Altamente configurable puesto que se pueden poner textos, imagenes, enlaces e incluso peliculas flash.
De momento no se conoce que los programas o software de bloqueo impidan este tipo de layers.

CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


<!-- Codigo ofrecido por Tutores.org -->

  1. <script type="text/javascript">
  2. function esconde_anuncio(divId)
  3. { if (document.layers) document.layers[divId].visibility = 'hide';
  4.   else if (document.all) document.all[divId].style.visibility = 'hidden';
  5.   else if (document.getElementById) document.getElementById(divId).style.visibility = 'hidden';
  6. }
  7. function mostrar_anuncio(divId)
  8. { state=typeof topPos;
  9.   if(state=='undefined') topPos=-260;
  10.   if(topPos < 75)
  11.  { topPos+=3;
  12.        if (document.layers) document.layers[divId].top = topPos;
  13.    else if (document.all) document.all[divId].style.top = topPos;
  14.     else if (document.getElementById) document.getElementById(divId).style.top = topPos;   
  15.    
  16.    setTimeout("mostrar_anuncio('pop');",25);
  17.      }
  18. }
  19. </head>
  20. <BODY onload="mostrar_anuncio('pop')">
  21. <script type="text/javascript">
  22. if (parseInt(navigator.appVersion) >= 4 && navigator.javaEnabled())
  23. { document.write('<div id="pop" style="position:absolute;top:-260;">');
  24.   document.write('<table cellpadding="0" cellspacing="2" bgcolor="#7FA3C7" border="0"><tr><td><table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" border="0">');
  25.   document.write('<tr><td align="right" height="24"><a href="javascript:void(0)" onclick="esconde_anuncio('pop')"><img src="/tutores/images/x.gif" border="0" alt="Cerrar Ventana"></a></td></tr>');
  26. document.write('<tr><td align="center"><font size="5"><b><i>Puedes introducir textos, imagenes, flash y enlaces'</b></font><br><br><img src="/tutores/images/profe.gif"><br><br><b><a href="#">Textos con enlaces!</a></b><br><br></td></tr>');
  27.   document.write('</table></td></tr></table>');
  28.   document.write('</div>');
  29.   if (document.layers) document.layers.pop.left = ((window.innerWidth / 2) - (330 / 2));
  30.   else if (document.all) document.all.pop.style.left = ((document.body.offsetWidth / 2) - (330 / 2));
  31.   else if (document.getElementById) document.getElementById("pop").style.left = ((window.innerWidth / 2) - (330 / 2));
  32. }
  33. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Ventana popup Anti-Bloqueo" href="http://www.tutores.org/codigo/1530/" target="_blank">Ventana popup Anti-Bloqueo</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
06/07/2005 20.10.48
1 5
Hola, muy bueno eh!, y como seria si por ejemplo queremos mostrar dentro el resultado de una db pero con un boton de enlace.
Gracias.
Comentario usuario
19/04/2003
5 5
Hola dependiendo que tipo de base de datos, simplemente puedes poner en | document.write(' |.... todo lo que quieras, variables, etc...
saludos
Comentario usuario
juanch
1 5
Como puedo limitar la aparicion de este layer... algo con cookies¿? para que no se muestren a un mismo usuario mas de una ves
Comentario usuario
14/12/2003 6.34.01
4 5
como hay q hacer para poner dentro del layer un anuncio de google, porq lo intento pero me da error.
Comentario usuario
01/05/2004 16.50.01
1 5
¿Donde tengo que poner esa instruccion?
Comentario usuario
19/04/2003
1 5
Hola
Como ves las etiquetas head y body estan marcadas, todo el codigo que este entre <head></head>
y
<BODY onload="mostrar_anuncio('pop')"></body>
Comentario usuario
gustavo natalini
5 5
La verdad, el codigo funciona muy pero muy bien. Una inquietud solamente: es posible hacer que el popup que baja sea un poco transparente??
Desde ya, muchisimas gracias.
Comentario usuario
19/04/2003
5 5
Hola, lo puedes hacer de esta manera:
en el Head:
<style>
.transpa {
background-color: transparent;
border: 1px solid #000000;
}
</style>
y la linea
document.write('<table cellpadding="0" cellspacing="2" bgcolor="#7FA3C7" border="0"><tr><td><table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" border="0">');
ponerla de esta manera
document.write('<table cellpadding="0" cellspacing="2" bgcolor="#7FA3C7" border="0"><tr><td><table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" border="0" class="transpa">');
espero que te sirva, saludos
Comentario usuario
lokoyo
5 5
ya se puede bloquear este tipo de popups, por lo menos en el internet explorer.
http://www.popup-purger.com/ este es el link del programa bloqueador de popups.
Comentario usuario
15-06-2007 14:14:56
5 5
Este codigo es bloqueado, me aparese Internet explorer impidio que se mostrara el contenido activo
Comentario usuario
19/04/2003
2 5
Hola
En la ultima version de explorer +7 creo que si se bloquea.
saludos
Comentario usuario
Mayo
5 5
hola como seria en el caso de que quiera poner un flash osea un swf en ves de un jpg y esta bueno tu info, salut
Comentario usuario
Mayo
1 5
y como seria en el cazo que quisiera que al bajar la ventana mé siga, ayudame porfis gracias.
Comentario usuario
02-06-2007 17:33:03
2 5
Hola tutores, me parece interesante y es mas lo probe i el internet 7 no lo bloquea para nada, pero asi como el de arriba me gustaria saber como hacerlo con un flash y como hacer que te siga cuando desplaces para abajo, salu2 excelente page
Comentario usuario
19/04/2003
1 5
Hola
para insertar flash solo hay que modificar el html que empieza por document.write('<table ... por el codigo de la pelicula flash que queremos insertar
Para que siga al mouse o raton habria que hacer bastantes modificaciones al codigo

podeis hecharle un vistazo a este codigo a ver si puede serviros de algo.
Anuncio siguiendo el mouse
Comentario usuario
02-06-2007 17:33:03
4 5
hola que tal? esta bien lo que me dijistes pero te falto añadir algo mas en ves de "<img src" se debe poner "<embed src" con esto si recien carga el flash, excelente aporte y sobre el mouse que sige la publicidad no era lo que yo queria, lo que me referia es cuando bajas la barra de desplazamiento tambien te siga la publicidad, saludos y gracias buena tu page.
Comentario usuario
28-11-2009 14:13:02
1 5
quiero desbloquear esa ventana de pop-up para descargar unas fotografias que tengo en archivo diganme que hago . gracias
Comentario usuario
css0810
2 5
He utilizado este script, xo kuando lo pongo a mi html principal, lo que carga la pagina se sobrepone encima del popup. como lo hago? gracias
Comentario usuario
23/09/2005 22.53.03
3 5
funciona muy bien !
hay alguna manera de que solo cargue una vez el onload ?
lo digo para no ser muy molesto a los visitantes cada vez que refresca..
Comentario usuario
Spokane
4 5
La verdad que estupendo, el pop-up funciona a las mil maravillas.
Muchas gracias, es la idea que buscaba hace tiempo.
Eso que dicen de que el explore 7 lo bloquea no es cierto.

Aun me falta algo para personalizarlo totalmente con la pagina...

Como diablos se le puede cambiar el texto de color?.

E intentado con varios códigos pero me da error, ejemplo:

<div><font color="#ff0000" size="3"><strong>TEXTO VISIBLE</strong></font></div>

y con p </P> TAMBIEN DA ERROR.

Me podéis echar una mano en este tema?...

Saludos, y gracias de antemano.
Comentario usuario
16-06-2009 00:08:51
5 5
Que tendría que hacer para que se carge por delante de las capas de la página ya que funciona perfectamente pero como he dicho se me esconde detras de las capas. Gracias
Comentario usuario
hosmanvs
5 5
hola, probé el codigo pero no es lo que realmente busco, ya que quiero que al hacer click en una img se abra como en una galeria de fotos.
algen me podria orientar un poco ya que he buscado en la web y no he encontrado nada al respecto.

Agradecido
Comentario usuario
Sin definir
1 5
Hola. Este código funciona con php??? Te consulto porq lo implementé en un sitio q está en php y abre el popup pero no me toma el efecto de desplazamiento. Es mas, para q por lo menos lo muestre tuve q agregar:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...../TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://.....org/1999/xhtml">

Saludos.
Comentario usuario
El_Jex
2 5
Hola Tutores,

El codigo esta excelente. La verdad mucha gracias por el aporte.

Solo una consulta: Como puedo ajustar la posicion de la ventana, pues en mi sitio no sale centrada, sale alineada a la derecha ?

Espero me puedan ayudar,

slds,

Jesús
Comentario usuario
Angel Tercero
5 5
Hola oye no se puede insetar un flash, me marca error podrias poner un ejemplo por favor?


Gracias de antemano amigo.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.