Показать сообщение отдельно
  #1 (permalink)  
Старый 29.01.2014, 13:47
Новичок на форуме
Отправить личное сообщение для 3168424 Посмотреть профиль Найти все сообщения от 3168424
 
Регистрация: 29.01.2014
Сообщений: 5

Помогите с попап окном
Помогите с попап окном!
Есть код попап окна, все норм работает, вот только когда id окна состоит из двухзначного числа то перестает работать!

Помогите исправить этот код!

<script type="text/javascript" language="javascript">
$(document).ready(function () {

    $('body').append('<div id="blackout"></div>');

    var boxWidth = 425;

    function centerBox() {

        /* Preliminary information */
        var winWidth = $(window).width();
        var winHeight = $(document).height();
        var scrollPos = $(window).scrollTop();
        /* auto scroll bug */

        /* Calculate positions */

        var disWidth = (winWidth - boxWidth) / 2
        var disHeight = scrollPos + 150;

        /* Move stuff about */
        $('.popup-box').css({
            'width': boxWidth + 'px',
            'left': disWidth + 'px',
            'top': disHeight + 'px'
        });
        $('#blackout').css({
            'width': winWidth + 'px',
            'height': winHeight + 'px'
        });

        return false;
    }


    $(window).resize(centerBox);
    $(window).scroll(centerBox);
    centerBox();

    $('[class*=popup-link]').click(function (e) {

        /* Prevent default actions */
        e.preventDefault();
        e.stopPropagation();

        /* Get the id (the number appended to the end of the classes) */
        var name = $(this).attr('class');
        var id = name[name.length - 1];
        var scrollPos = $(window).scrollTop();

        /* Show the correct popup box, show the blackout and disable scrolling */
        $('#popup-box-' + id).show();
        $('#blackout').show();

        /* Fixes a bug in Firefox */
        $('html').scrollTop(scrollPos);
    });
    $('[class*=popup-box]').click(function (e) {
        /* Stop the link working normally on click if it's linked to a popup */
        e.stopPropagation();
    });
    $('html').click(function () {
        var scrollPos = $(window).scrollTop();
        /* Hide the popup and blackout when clicking outside the popup */
        $('[id^=popup-box-]').hide();
        $('#blackout').hide();
        $('html').scrollTop(scrollPos);
    });
});
</script>

Вот html для вывода попап окна

<a class="popup-link-23" alt="" title="">
Ссылка для вывода
</a>

<div class="popup-box" id="popup-box-23">
Сам вывод
</div>

Зарание примного благодарен!
Ответить с цитированием