(c) Павел Беляев

При использовании статей с сайта добавляйте в копирайт © Блог Павла Беляева http://pavelb.ru

вторник, 27 марта 2012 г.

TinyMCE and Jquery .load and dialog window

В общем ситуация такова, на моем сайте подгружаются диалоговые окна из определенных URL, чтобы убрать лишние переходы между старницами

Я написал такую функцию

function modalmy (header,page)
    {
        var $dialog = $('<div></div>')
        .load(page)
        .dialog({
                autoOpen: false,
                title: header,
                position: 'top',
                width: 966
            });
       
        $dialog.dialog('open');
    
    };

Если подгрузить jquery и jquery-ui, а потом написать например

<button onclick="modalmy('Заголовок','mypage.html')">нажми</button>

То при нажатии на кнопочку открывается модальное окно, внутри которого содержимое страницы mypage.html


Все бы хорошо, но вот например tinyMCE в таком случае вылетает, решение оказалось может и быдлокодингом, но работает, в общем текст инициализации tinyMCE я забил внутрь функции и выполнял эту функцию, а в .load повторно выполнял функцию для переинициализации для модального окна.


Это у меня в файле init_tinymce.js

function MCEInit ()
{
    

    tinyMCE.init({
        ....

        ....
    });
 


}

MCEInit();



а так выглядит моя функция для аякса

function modalmy (header,page)
    {
        var $dialog = $('<div></div>')
        .load(page, function() {MCEInit();})
        .dialog({
                autoOpen: false,
                title: header,
                modal: true,
                draggable: false,
                position: 'top',
                width: 966
            });
       
        $dialog.dialog('open');
       
       
    };



В итоге работает всё хорошо!!!

Комментариев нет:

Отправить комментарий