Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Как достать перем. JS из IFRAME ?


Автор: Ciber SLasH 20.6.2005, 02:45
Никак не получается достать массив из документа, загруженного в 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
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
Поискав в сети инфу по запросу "contentDocument" наткнулся на статью, в которой говорится, что из документа, в котором есть IFRAME, не добраться до данных документа, загруженных в этот IFRAME.

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

Автор: Black 21.6.2005, 09:41
Ciber SLasH
Почему нельзя, можно smile

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

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

Автор: Ciber SLasH 21.6.2005, 09:55
Цитата(PHP @ 21.6.2005, 10:41)
Под ИЕ и Мозиллой нужно обращатся IFRAME.contentWindow.document.
Под Opera так: parent.IFRAME.document.
Где IFRAME - id фрейма.

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

Автор: Black 21.6.2005, 09:59
Код

<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>

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

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

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

Автор: Ciber SLasH 21.6.2005, 20:11
Появилась кой-какая проблема.
В 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
Ciber SLasH
ох ты мне и задачку дал :-)

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

Цитата

<iframe name="ifr" src='test.htm' width="250" height="100">Ваша бродилка не поддерживает IFRAME</iframe>


замени на:

Цитата
<iframe id="ifr" src='test.htm' width="250" height="100">Ваша бродилка не поддерживает IFRAME</iframe>


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

Автор: Ciber SLasH 21.6.2005, 22:53
Да, это я блин забыл исправить...
Исправил, но в Лисе по прежднему не работает. smile

Автор: Sardar 21.6.2005, 23:38
Цитата(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>

Автор: Ciber SLasH 22.6.2005, 02:27
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
Точно, в опере же не существует contentWindow... smile

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

Автор: Ciber SLasH 22.6.2005, 02:44
Что-то не работает smile
Пишу: ifrm_cont.opener.MyFunc()
или: opener.MyFunc()
и то и другое == undefined.

Автор: Black 22.6.2005, 10:44
На заметку:

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

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

Автор: Sardar 22.6.2005, 22:48
Цитата(Ciber @ 22.6.2005, 01:44)
Что-то не работает smile
Пишу: ifrm_cont.opener.MyFunc()

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

Автор: Ciber SLasH 22.6.2005, 23:06
Цитата(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
Цитата(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
Написал так, как ты сказал, но в test.htm opener всегда равен null. smile
Ведь окно, то у нас не открывается, а загружается в IFRAME -- может поэтому opener равен null ?

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

Автор: Ciber SLasH 23.6.2005, 01:53
10x огромный тебе Sardar !! smile smile

Автор: Aliance 24.6.2005, 12:33
Цитата(Sardar @ 23.6.2005, 00:58)
получить window из document нельзя

Разве?
Код

element.ownerDocument.parentWindow

Не то?

Автор: Sardar 24.6.2005, 20:30
Aliance держи плюс, век живи - век учись smile

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


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

Автор: Aliance 29.9.2005, 15:15
страницы должны быть с одного домена. Политика безопастности!

Автор: Greendrake 8.12.2007, 21:40
Цитата(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
Так долго можно париться, здесь работает... а здесь не работает...
Вы укажите браузерам доктип во всех файлах со ссылкой на документ, например так:
Код

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


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


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

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)