13/03/2012, 23:53
|
| | Fecha de Ingreso: enero-2003
Mensajes: 49
Antigüedad: 21 años, 10 meses Puntos: 1 | |
Ocultar Modalbox después de algunos segundos Hola, espero me puedan ayudar, cómo puedo ocultar un modalbox unos segundos después de que el usuario lo abrió.
Abajo está el código del Modalox.
Encontré el siguiente código para ocultar después de 'x' tiempo:
setTimeout(function() {
$('#mydiv').fadeOut('fast');
}, 1000);
Pero no sé cómo incluirlo para que después de dar clic, hacer aparecer el modalbox y pasados 'x' segundos, se cierre.
Gracias de antemano!
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHei ght});
//transition effect
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(2000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
Última edición por arhte; 14/03/2012 a las 00:31 |