1

Имеется модальное окно (упрощенно div.modal{position: absolute;}) Данное окно может подгружать различные страницы сайта, в том числе имеющие и js код.

Возникло несколкьо вопросов:

  1. Как мне организовать для таких окон document.redy
  2. как избежать redeclare function (если они написаны в тегах <script></script>)
  3. Как мне выгружать js, который уже не нужен (по закрытию страницы)
  4. Как мне обращаясь $(document) искать только к тому окну, которое открыл

Желательно все без eval.

Как решение у меня пока вертится одна мысль: сделать все через замыкания с описанием базовых прототипов для стандартных объектов. Например, весь код js со страницы помещается в функцию, где передаются параметры document, window. Вот только как быть с подгруженными скриптами?

(function (document, window){
    //some code from modal page
})(new MyDocument, new MyWindows);

В правильном ли направлении я мыслю?

5
  • 1. Ну ready же можно перехватывать в момент завершения XHR. 2. Проверку на существование функций наверно лучше делать при объявлении. 3. Что значит «выгружать»? Делать автоматом delete для всего?
    – Bars
    29 дек 2012 в 7:49
  • 1. Клево! Посмотрю в эту сторону. Если поможете ссылкой на доку, будет здорово! 2. Хотелось бы абстрагироваться и не приписывать проверок к объявлению каждой функции 3. «Выгружать» - значит удалять их совсем из памяти (с замкнутыми функциями, думаю, это осуществимо - удаляются все указатели и сборщик мусора подчистит все, имхо)
    – org
    29 дек 2012 в 7:58
  • А как ты собираешься подгружать в div.modal страницу? Ну вот, к примеру, если jQuery('.modal').load – api.jquery.com/load – то у него есть перехватчик "complete", который можно ассоциировать с $(document).ready
    – Bars
    29 дек 2012 в 8:33
  • Я бы сделал так. Написал бы простенький псевдо-window – простой объект, который заменял бы настоящий window, псевдо-document, который бы равнялся jQuery('.modal') . Эти объекты должны иметь необходимые для работы конкретные методы и атрибуты: close, location, etc...
    – Bars
    29 дек 2012 в 8:34
  • Примерно такой подход я и описал в вопросе. Только вот как быть со скриптами, которые подгружаются по src? есть еще одна засада: <button onclick="someFunctionRun()">Go</button> - функция то глобально ищется, а тут она замкнута будет(
    – org
    29 дек 2012 в 9:03

1 ответ 1

3

В нужный момент (открытие модального окна) я бы вызвал $('.modal').load(), а в "complete" написал бы передачу этого кода в тот самый псевдо-document. Чтобы нормально отрабатывали inline-скрипты, все таки придется прибегнуть к eval. Нужно перебрать все элементы <script> в пришедшей разметке, и те, которые не имеют атрибута src – eval'ить. Только Eval'ить их надо в контексте псевдо-document'a (UPD: в контексте window). То есть, делать что-то вроде

$('script:not([src])').each(function(){
    if (!$(this).attr('src'))
    {
        $.globalEval(this.text || this.textContent || this.innerHTML || this.innerText || '');
        } else
        {
        $(document).append(this);
        }
    });

Тогда функции по-идее должны принадлежать главному window. А со встроенными скриптами с src все еще проще: просто добавляем их в DOM c помощью «живой» ф-ции $.append(). Недавно сталкивался с такой же проблемой, решил так же.

3
  • По поводу redeclare – никак. Я не нашел упоминаний о неких «обработчиках неопределенных методов JS» (есть такие в PHP например: __call($name, $args) – волшебный метод, который вызывается в случае вызова неопределенного метода). Так бы можно было бы перенаправлять их из window в new_window... Остается только успокоиться тем что в переопределении функций нет ничего плохого :) А вообще, раз там такая ситуация, что это вызвало проблему, надо все нормально структурировать и разбивать на объекты :)
    – Bars
    29 дек 2012 в 9:39
  • Идея почти совпадает с моей, но хочется все же сделать так, что как будто бы модальная страница - это отдельное окно-вкладка браузера. Плюсую.
    – org
    29 дек 2012 в 10:10
  • Кстати, про ситуацию - это пока идея в голове)
    – org
    29 дек 2012 в 10:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.