помогите переделать скрипт модального окна

Статус
В этой теме нельзя размещать новые ответы.

palbanec

Профессор
Регистрация
2 Июл 2010
Сообщения
457
Реакции
47
Мне нужен скрипт чтоб при переходе на нужную страницу, содержимое открывалось в модальном окне.
Вот этот скрипт я использую Для просмотра ссылки Войди или Зарегистрируйся

PHP:
$(document).ready(function() {
    $('a[name=modal]').click(function(e) {
        e.preventDefault();
        var id = $(this).attr('href');
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow",0.8);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);
        $(id).fadeIn(2000);
    });
    $('.window .close').click(function (e) {
        e.preventDefault();
        $('#mask, .window').hide();
    });
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });
});
Что нужно переделать чтоб модальное окно запускалось сразу а не по нажатой ссылке?
 
попробуйте этот
 

Вложения

  • jquery_welcome_box.rar
    2 KB · Просмотры: 3
Обработчик .click поменять на .ready
 
У нас уже есть тема просвещённая модальным окнам.
Для просмотра ссылки Войди или Зарегистрируйся
Можно найти или написать там, как, что и где.
Код:
<script type="text/javascript">
function LoadModal(){
    var get_modal = $('a[name=modal]');
    var id = get_modal.attr('href');
    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':maskHeight});
    //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);
};
$(document).ready(function() {
    LoadModal();
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, .window').hide();
    });
    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });
});
</script>
или же, просто:
Код:
<script type="text/javascript">
$(document).ready(function() {
    var get_modal = $('a[name=modal]');
    var id = get_modal.attr('href');
    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':maskHeight});
    //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);
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, .window').hide();
    });
    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });
});
</script>
Тема закрыта, автор если ответа не найдёшь пиши в личку, там подскажу всё.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху