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

Тема в разделе "JavaScript", создана пользователем palbanec, 8 сен 2012.

Статус темы:
Закрыта.
Модераторы: ZiX
  1. palbanec

    palbanec

    Регистр.:
    2 июл 2010
    Сообщения:
    456
    Симпатии:
    28
    Мне нужен скрипт чтоб при переходе на нужную страницу, содержимое открывалось в модальном окне.
    Вот этот скрипт я использую http://jemand.ru/modalnoe-okno-na-jquery/

    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();
        });
    });
    Что нужно переделать чтоб модальное окно запускалось сразу а не по нажатой ссылке?
     
  2. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    603
    Симпатии:
    242
    попробуйте этот
     

    Вложения:

    palbanec нравится это.
  3. Knacker

    Knacker Писатель

    Регистр.:
    4 авг 2011
    Сообщения:
    4
    Симпатии:
    1
    Обработчик .click поменять на .ready
     
  4. antiterror

    antiterror xProgramming

    Регистр.:
    22 авг 2007
    Сообщения:
    344
    Симпатии:
    135
    У нас уже есть тема просвещённая модальным окнам.
    https://www.nulled.cc/threads/233204/
    Можно найти или написать там, как, что и где.
    Код:
    <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>

    Тема закрыта, автор если ответа не найдёшь пиши в личку, там подскажу всё.
     
Статус темы:
Закрыта.