Foros del Web » Programando para Internet » Javascript »

Javascript On Load

Estas en el tema de Javascript On Load en el foro de Javascript en Foros del Web. Un saludo amigos del foro tengo este link que activa un popup en css: Código PHP: < a href = "javascript :void(0);"  title = "Abrir PopUp"  id ...
  #1 (permalink)  
Antiguo 12/08/2009, 14:24
 
Fecha de Ingreso: diciembre-2006
Ubicación: Tunja
Mensajes: 177
Antigüedad: 17 años, 11 meses
Puntos: 2
Javascript On Load

Un saludo amigos del foro tengo este link que activa un popup en css:

Código PHP:
<a href="javascript:void(0);" title="Abrir PopUp" id="abrirPop">Buscar Inmuebles</a
Necesito que el popup se abra cuando cargue la pagina pero el código:

Código PHP:
onload="javascript:void(0);" 
No funciona.

de antemano gracias.
__________________
Qubo Visual
www.mitunja.net
  #2 (permalink)  
Antiguo 12/08/2009, 17:10
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años, 7 meses
Puntos: 839
Respuesta: Javascript On Load

Debe haber algún código que modifique ese enlace para que realice alguna acción en el evento onclick. Ya que void(0) en sí no hace nada.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 13/08/2009, 19:01
 
Fecha de Ingreso: diciembre-2006
Ubicación: Tunja
Mensajes: 177
Antigüedad: 17 años, 11 meses
Puntos: 2
Respuesta: Javascript On Load

Un saludo esta es la funcion que llama el id en el link.

Código PHP:

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;
        }
    });
}); 
Gracias.
__________________
Qubo Visual
www.mitunja.net
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:26.