Мне нужна помощь в передаче данных в модальное всплывающее окно iframe из динамически генерируемой таблицы

Question

Я использую php для динамического генерирования таблицы информации из базы данных mysql. Каждая строка данных имеет кнопку редактирования. Когда я нажимаю кнопку edit, я хочу открыть модальный iframe, содержащий форму для редактирования данных. У меня есть таблица и рабочее всплывающее окно, однако я не могу найти способ отправить идентификатор строки данных, чтобы я мог запросить базу данных и автозаполнить форму.

Я получил код для всплывающего окна iframe здесь:

Любая помощь приветствуется, но помните, что я новичок в js и ajax.

РЕДАКТИРОВАТЬ: извините, неправильная ссылка. правильная ссылка http://deseloper.org/read/2009/10/jquery-simple-modal-window/

Answer 1

Это зависит от того, откуда поступают данные вашего iFrame. Если src вашего iFrame перерисовывает в совершенно другой домен, вы ничего не можете сделать из-за политики того же источника браузера: http://en.wikipedia.org/wiki/Same_origin_policy

Если это происходит из того же источника / домена, вы можете использовать метод, упомянутый в этом вопросе: Передать значение в iframe из окна

Судя по тому, что вы делаете, вы, вероятно, даже не нуждаетесь в iframe. Модальные окна на веб-страницах создаются с некоторыми хитростями CSS и абсолютным позиционированием, так что все, что содержится в узле содержимого контейнера, отображается в окне.

Используя некоторый код Javascript, вы можете передать функцию обратного вызова конструктору модальных окон, который выполняется при нажатии кнопки «ОК» / «Закрыть» / «w / e».

Например:

function createModalWindow(){
    var sendDataToServer = function() { /* do stuff */ );

    new modalWindow({
        onClose: sendDataToServer
    });
}

Таким образом, в приведенном выше коде вы создали анонимную функцию и передали ее в качестве обратного вызова, который вызывается при вызове modalWindow.onClose.

Кроме того, если вы новичок в javascript, описанный выше метод работает, потому что функции по существу обрабатываются как объекты в JS, поэтому их можно передавать как параметры другим функциям.