Comunidad de diseño web y desarrollo en internet online

abrir popup al cargar pagina.

Citar            
MensajeEscrito el 15 Ago 2009 03:37 pm
Un saludo amigos del foro, tengo el codigo para abrir un popup al hacer click en un enlace:

Código HTML :

<a href="javascript:void(0);" title="Abrir PopUp" id="abrirPop">Buscar Inmuebles</a>


Pero tengo un problema y es que necesito que el popup se muestre al cargar la pagina, el codigo jquery es este:

Código Javascript :

var scrollCachePosition = 0;
$(function () {
   $("#abrirPop").click(function(event) {
      scrollCachePosition = $(window).scrollTop();
      //Envío el scroll a la posición 0 (left), 0 (top), es decir, arriba de todo.
      window.top.scroll(0,0);

      //Si el body es mas grande que la capa 'wrapper' incrementa la altura del body a la capa 'capaPopUp'.
      if ($("body").outerHeight()>$("#wrapper").outerHeight()){
         var altura=$("body").outerHeight();
       }else{
      //Si la capa 'wrapper' es más grande que el body incrementa la altura de la capa 'wrapper' a la capa 'capaPopUp'.
         var altura=$("#wrapper").outerHeight();
      }
      window.document.getElementById("capaPopUp").style.height=altura+"px";
      event.preventDefault();
      //Muestro la capa con el efecto 'slideToggle'.
      $("#capaPopUp").slideToggle();

      //Calculo la altura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
      var altura=$("#popUpDiv").outerHeight();
      $("#popUpDiv").css("margin-top","-"+parseInt(altura/2)+"px");
      
      //Calculo la anchura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
      var anchura=$("#popUpDiv").outerWidth();
      $("#popUpDiv").css("margin-left","-"+parseInt(anchura/2)+"px");
      
      //Muestro la capa con el efecto 'slideToggle'.
      $("#popUpDiv").slideToggle();
   });
   $("#cerrar").click(function(event) {
      event.preventDefault();
      //Cierro las capas con el efecto 'slideToggle'.
      $("#capaPopUp").slideToggle();
      $("#popUpDiv").slideToggle();
      //Si la variable scrollCachePosition es mayor que 0 incrementará la posición del scroll al valor que se almacenó. 
      if (scrollCachePosition > 0) {
         window.top.scroll(0,scrollCachePosition);
         //Reseteamos la variable scrollCachePosition a 0 para poder ejecutar el script tantas veces sea necesario.
         scrollCachePosition = 0;
      }
   });
});


Se que debo hacer algo con $(document).ready(function () pero no me funciona.

Gracias de antemano.

Por cheperedapple

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Sep 2009 02:44 pm
Si quieres que abra ni bien carga la pagina entonces debes de añadir a tu javascript

Código Javascript :

$(document).ready(function(){
  $("#abrirPop").click();
});


con eso emularas un click en tu elemento abrirPop y se ejecutara todo tu script. SUerte.

De ahi me cuentas como te fue

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.