VPF::Как достать перем. JS из IFRAME ? - Форум программистов

Ciber SLasH

Дата 20.6.2005, 02:45 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Никак не получается достать массив из документа, загруженного в IFRAME. smile

Допустим есть 2 файла:
index.htm:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
</head>

<body>
<iframe name="ifr" src='test.htm' width="100" height="100">Ваша бродилка не поддерживает IFRAME</iframe>
<script type='text/javascript'>
ifrm = document.getElementById('ifr');
ifr_cont = (ifrm.contentDocument) ? ifrm.contentDocument : ((ifrm.contentWindow) ? ifrm.contentWindow.document : null);
document.write(ifr_cont.scripts.length)
</script>
</body>
</html>

test.htm:

Код


<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<script id='jscode' type='text/javascript'>
mas = [1, 2];
</script>
</head>

<body>
111111
</body>
</html>

и вот как теперь из index.htm прочитать массив mas, который загружен в IFRAME ?

Black

Дата 20.6.2005, 11:52 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

Ciber SLasH
может создать функцию в test.htm, которая возвращала бы массив???

Код


function massiv()
{
mas = [1, 2];
return mas;
}

А вызывать в index.htm так:

Код


NeedArray = parent.ifr.massiv();

В NeedArray массив smile

P.S: все писал от руки не проверял... поэтому могут быть ошикбки.

--------------------

Могу все, но ничего не умею :-)

Ciber SLasH

Дата 21.6.2005, 06:54 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Поискав в сети инфу по запросу "contentDocument" наткнулся на статью, в которой говорится, что из документа, в котором есть IFRAME, не добраться до данных документа, загруженных в этот IFRAME.

Источник: http://www.kruglov.ru/articles/nontrivialjs/

Black

Дата 21.6.2005, 09:41 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

Ciber SLasH
Почему нельзя, можно smile

Под ИЕ и Мозиллой нужно обращатся IFRAME.contentWindow.document.
Под Opera так: parent.IFRAME.document.
Где IFRAME - id фрейма.

Это сообщение отредактировал(а) PHP-DIRECTOR - 21.6.2005, 09:54

--------------------

Могу все, но ничего не умею :-)

Black

Дата 21.6.2005, 09:55 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

А Круглов человек странный он все еще считает что есть люди которые пользуются Оперой 5, 6. Вот в них возможно и нельзя.

--------------------

Могу все, но ничего не умею :-)

Ciber SLasH

Дата 21.6.2005, 09:55 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(PHP @ 21.6.2005, 10:41)

Под ИЕ и Мозиллой нужно обращатся IFRAME.contentWindow.document.
Под Opera так: parent.IFRAME.document.
Где IFRAME - id фрейма.

Всё это я пробовал -- нифига не получилось.
Проведи эксперимент с поими 2-мя документами. smile

Black

Дата 21.6.2005, 09:59 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

Код


<html>
<head>
<title>.: MAIN :.</title>

<script>
function lala()
{
document.getElementById('ifr').contentWindow.document.getElementById('text').value = "текст изменился";
}
</script>

</head>

<body>
<iframe id="ifr" src='lala4.html' width="100" height="100"></iframe>

<a href='javascript:lala();void(0);'>fff</a>
</body>

</html>

В lala4.html

Код



<html>
<head><title>.: IFRAME :.</title></head>
<body>
<input type='text' id='text' size='60' value='текст' />
</body></html>

Это сообщение отредактировал(а) PHP-DIRECTOR - 21.6.2005, 10:16

--------------------

Могу все, но ничего не умею :-)

Black

Дата 21.6.2005, 10:18 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

Кстати, данный пример работает и в новой Opere 8.01
Вероятно, сделали поддержку стандартного обращения.

--------------------

Могу все, но ничего не умею :-)

Ciber SLasH

Дата 21.6.2005, 10:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

2PHP-DIRECTOR:
Хм, я ведь делал тоже самое по сути, но у меня ничего не получалось.
Скорее всего из-за того, что я сразу пытался "достучаться" до содержимого IFRAME'а, а он ещё не успевал подгрузиться. Т.е. если ставить на кнопку функцию обработки, но всё ништяк. smile

10х, натолкнул на мысль... (с меня флюс smile

)

Ciber SLasH

Дата 21.6.2005, 20:11 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Появилась кой-какая проблема.
В Firefox этот код не работает:

index.htm:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<title>MAIN</title>
<script type='text/javascript'>
/*** Инициализация необходимых переменных (и другое) ***/
function init() {
var ifrm = document.getElementById('ifr');
  ifrm_cont = (ifrm.contentDocument) ? ifrm.contentDocument : ((ifrm.contentWindow) ? ifrm.contentWindow.document : null);
var code = document.getElementById('jscode');
  logs = document.getElementById('msg');
  logs.innerHTML = 'IFRAME content is: "' + typeof(ifrm_cont) + '"';
var js = document.createElement('SCRIPT');
  js.type = 'text/javascript';
  js.text = ifrm_cont.scripts[0].text;
  code.appendChild(js);
}

/*** Запись в лог ***/
function log() {
  logs.innerHTML = ifrm_cont.scripts[0].text.replace(/\n/g, '<br>');
}

/*** Вставка кода в тело документа IFRAME-a ***/
function change() {
  ifrm_cont.body.innerHTML = 'random: ' + Math.random();
}
</script>
</head>

<body onLoad='init()'>
<center>
<iframe name="ifr" src='test.htm' width="250" height="100">Ваша бродилка не поддерживает IFRAME</iframe>
<p>
<a href='#' onClick='log(); return false'>Вывести содержимое скрипта IFRAME-а</a><br />
<a href='#' onClick='change(); return false'>Записать случайное число в тело документа, загруженного в IFRAME</a><br />
<a href='#' onClick='alert(MyFunc()); return false'>Возвратить значение функции из скрипта, находящегося в IFRAME-e</a><br />
<a href='#' onClick='logs.innerHTML = "<img src=" + img.src + " alt=" + img.alt + ">"; return false'>Показать рисунок, из переменной "img" в IFRAME-e</a>
</p>
</center>
<!-- Слой с логами -->
<div id='msg'></div>

<!-- Слой с JavaScript-ом, из IFRAME -->
<div id='jscode' style='display: none'></div>
</body>
</html>

test.htm:

Код


<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<script type='text/javascript'>
mas = [1, 2];

img = new Image();
img.src = 'http://local.ptron/html/black.gif';
img.alt = 'black';

function MyFunc() {
return 'IFRAME: return from "MyFunc"'
}
</script>
</head>

<body>
</body>
</html>

Как только загружается index.htm, должна показываться надпись: IFRAME content is: "...".
Проверял в IE и Opera -- здесь всё нормально, а вот Лису рогом упёрлась. smile

Как победить?

Black

Дата 21.6.2005, 21:05 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

Ciber SLasH
ох ты мне и задачку дал :-)

Двадцать минут тупо смотрел на скрипт все ок... потом глянул на ифрейм и со стула упал

Цитата

замени на:

Цитата

Вот и весь прикол smile

--------------------

Могу все, но ничего не умею :-)

Ciber SLasH

Дата 21.6.2005, 22:53 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Да, это я блин забыл исправить...
Исправил, но в Лисе по прежднему не работает. smile

Sardar

Дата 21.6.2005, 23:38 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Цитата(Ciber @ 21.6.2005, 05:54)

что из документа, в котором есть IFRAME, не добраться до данных документа, загруженных в этот IFRAME.

Нельзя переносить DOM ноды с одного документа в другой напрямую через appendChild, всё остальное можно и даже в "старых" браузерах.

Цитата(Ciber @ 21.6.2005, 19:11)

В Firefox этот код не работает:

Более страшного изврата я не видел smile

Смотрим и думаем почему это работает smile

Подсказка: глобальным контекстом в скриптах всегдя являеться обьект window.

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<script type='text/javascript'>
function takeVars() {
 var ifrm, ifr_cont;
 if((ifrm=document.getElementById('ifr'))==null) return;
 ifr_cont = (ifrm.contentWindow) ? ifrm.contentWindow : null;
 document.getElementById("tgt").innerHTML=ifr_cont? ifr_cont.mas.join(" - "): "unknown browser type";
}
</script>
</head>
<body>
<iframe id="ifr" src='test.htm' width="100" height="100" onload="takeVars();">Ваша бродилка не поддерживает IFRAME</iframe>
<div id="tgt" style="border: 1px solid navy; height: 20px; widht: 100%;"></div>
</body>
</html>

test.htm

Код

<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<script type='text/javascript'>
var mas = [1, 2];
</script>
</head>
<body>
111111
</body>
</html>

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Ciber SLasH

Дата 22.6.2005, 02:27 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

2Sardar:
10х за пример smile

Твой пример работает в IE, Firefox, но не работает в Опере. smile

В Опере вот это: ifrm.contentWindow == undefined
в ней нужно через: ifrm.contentDocument

И появляется загвоздка с вызовом функции из IFRAME.
Вот так не пашет в Опере: ifrm_cont.MyFunc()
и так тоже: ifrm_cont.window.MyFunc()

Можно извратиться, чтобы работало во всех 3-х бродилках, но тогда нужно импортировать скрипт из IFRAME в главный документ:

Код


  code = document.getElementById('jscode');
  code.text = ifrm_cont.document.getElementById('ifr_js').text;

где элемент с ID='jscode' находится в главном документе:

Код


<script id='jscode' type='text/javascript'></script>

а элемент с ID='ifr_js' находится в документе IFRAME-a:

Код


<script id='ifr_js' type='text/javascript'>
function MyFunc() {
return 'IFRAME: return from "MyFunc"'
}
</script>

Может можно как-то без импорта скрипта обойтись, чтобы работало в этих 3-х бродилках ?

Sardar

Дата 22.6.2005, 02:32 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Точно, в опере же не существует contentWindow... smile

Лучше не извращаться с текстом скриптов, а вызыват родительские функции из ифрейма: opener.takeValue(mas);

--------------------

Ciber SLasH

Дата 22.6.2005, 02:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Что-то не работает smile

Пишу: ifrm_cont.opener.MyFunc()
или: opener.MyFunc()
и то и другое == undefined.

Black

Дата 22.6.2005, 10:44 (ссылка)

(нет голосов)

Загрузка ...

Web-Development

Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 4
Всего: 45

На заметку:

в новой Opere 8.01 contentWindow существует, поэтому пример Sardara там успешно работает. Добавили-таки викинги поддержку.

Жаль, никто еще Oper'ой 8.01 не пользуется smile

--------------------

Могу все, но ничего не умею :-)

Sardar

Дата 22.6.2005, 22:48 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Цитата(Ciber @ 22.6.2005, 01:44)

Что-то не работает smile
Пишу: ifrm_cont.opener.MyFunc()

Нет, ты должен из ифрейма писать opener, рядом с твоим mas smile

--------------------

Ciber SLasH

Дата 22.6.2005, 23:06 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(Sardar @ 22.6.2005, 23:48)

Нет, ты должен из ифрейма писать opener, рядом с твоим mas smile

Всё равно не пашет smile

Пишу в скрипте test.htm: opener.mas = [1, 2];
В index.htm: alert(ifrm_cont.mas)
Бродилка ругается: opener есть null

Sardar

Дата 22.6.2005, 23:58 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Цитата(Ciber @ 22.6.2005, 22:06)

Пишу в скрипте test.htm: opener.mas = [1, 2];
В index.htm: alert(ifrm_cont.mas)

Какой кошмар smile

Повторяю ты достаёшь через contentDocument ссылку на document. Глобальным контекстом скриптов являеться window, а получить window из document по моему нельзя. Вывод: не паримся и пишем
в родительском окне(index.htm):

Код

function takeData(m) {
  alert(m);
}

В дочернем окне(test.htm):

Код

if(opener!=self) opener.takeData([1, 2, "test"]);

--------------------

Ciber SLasH

Дата 23.6.2005, 00:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Написал так, как ты сказал, но в test.htm opener всегда равен null. smile

Ведь окно, то у нас не открывается, а загружается в IFRAME -- может поэтому opener равен null ?

Sardar

Дата 23.6.2005, 00:58 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Верно, тогда parent, это точно сработает. А opener по логике вещей не только в открываемых окошках есть.

--------------------

Ciber SLasH

Дата 23.6.2005, 01:53 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

10x огромный тебе Sardar !! smile

Aliance

Дата 24.6.2005, 12:33 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Цитата(Sardar @ 23.6.2005, 00:58)

получить window из document нельзя

Разве?

Код


element.ownerDocument.parentWindow

Не то?

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Sardar

Дата 24.6.2005, 20:30 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Aliance держи плюс, век живи - век учись smile

--------------------

Andre Zak

Дата 29.9.2005, 14:11 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Все перечисленное не работает если во фрейм подгружать страницу с внешнего сервера? Проверил, у меня не получилось. Может причиной является:

Цитата

Второе: Иногда возникает проблема обращения к свойству документа, загруженного в iframe (или frame, или открытого через window.open). Это происходит в основном потому, что этот документ мы берем с другого сайта. Тут уж ничего не поделаешь - такова политика безопасности браузеров. Источник: _http://www.kruglov.ru/articles/nontrivialjs/

Или можно как-то это обойти. Мне нужно получить содержимое страницы загруженной во фрейм с внешнего хоста.

Aliance

Дата 29.9.2005, 15:15 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

страницы должны быть с одного домена. Политика безопастности!

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Greendrake

Дата 8.12.2007, 21:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: нет
Всего: 6

Цитата(Aliance @ 24.6.2005, 12:33)

Код


element.ownerDocument.parentWindow

Не то?

Так то же IE & Opera only smile

. Как это обойти?

Пока что придумал только при создании окон и фреймов выполнять в них:

Код


if (!document.parentWindow) document.parentWindow = window;

Ghirik

Дата 10.12.2007, 10:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20

Так долго можно париться, здесь работает... а здесь не работает...
Вы укажите браузерам доктип во всех файлах со ссылкой на документ, например так:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

обычно это помогает избежать кривое восприятие браузерами "по умолчанию"...

P.S. Не заметил второй страницы, отвечал на первую... smile

Хотя, не отказываюсь от своих слов...

Это сообщение отредактировал(а) Ghirik - 10.12.2007, 10:43

--------------------

Отдадим всё клиенту, пускай его машина мучается...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »