Как передать сообщение из фрейма?

Question

[newaitix]

Пытаюсь передать сообщение из фрейма в родительское окно.
Родительское окно имеет адрес coinlist.queue-it.net окно фрейма assets-us-west-2.queue-it.net.
Внутри фрейма работает один скрипт

function run(){
	var aTags=[].slice.call(document.getElementsByTagName('a'));
	aTags.forEach(function(el){
		if(el.innerText=='Re-enter the waiting room'){
			console.log('send');
			window.frames.self.postMessage({
				url:el.getAttribute('href'),
				messageType:'openWindow'
			},window.location.origin);
		}
	});
}
(function(){
	setInterval(function(){
		run();
	},10000);
})();

Внутри родительского окна работает другой скрипт.

function listener(event){
	if(event.data.messageType=='openWindow'){
		console.log(event);
	}
}
if(window.addEventListener){
	window.addEventListener("message",listener);
} else {
	window.attachEvent("onmessage",listener);
}

Вообще возможно ли передать сообщение из фрейма в окно если фрейм с другого субдомена грузится?

Answer 1

[Aetae]

Если фрем может быть подключён только к одному конкретному сайту, то заменить window.location.origin на origin целевого сайта. Если к нескольким, то либо заменить на звёздочку(*), если вам добра не жалко, либо вызывать postMessage несколько раз подряд, по одному для каждого домена.

P.S. attachEvent? Серьёзно?

Comments

[newaitix]

Дело в том что если указать например * или coinlist.queue-it.net, то получаю ошибку.

web_accessible_resources2.js:6 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://coinlist.queue-it.net') does not match the recipient window's origin ('https://assets-us-west-2.queue-it.net').

[Aetae]

newaitix, а прочитать что написано?

[newaitix]

Aetae, я прочитал. Коротко говоря написано что не возможно передать сообщения из-за того что разные домены.

[newaitix]

Aetae, выходит что нельзя передать с одного домена на другой сообщение?

[Aetae]

newaitix, нет, там написано, что ты установил второй параметр postMessage как 'https://coinlist.queue-it.net' а сайт которому ты пытаешься передать сообщение находится по адресу 'https://assets-us-west-2.queue-it.net'.
Если ты поставишь этот параметр как 'https://assets-us-west-2.queue-it.net' или как '*' всё заработает.

[newaitix]

Aetae, тю. так я же написал в первом комментарии что я установил второй параметр как '*'

window.frames.self.postMessage({
	url:el.getAttribute('href'),
	messageType:'openWindow'
},'*');

[newaitix]

Aetae,
frame

function run(){
	var aTags=[].slice.call(document.getElementsByTagName('a'));
	aTags.forEach(function(el){
		if(el.innerText=='Re-enter the waiting room'){
			console.log('send');
			window.frames.self.postMessage({
				url:el.getAttribute('href'),
				messageType:'openWindow'
			},'*');
		}
	});
}
(function(){
	setInterval(function(){
		run();
	},10000);
})();

window

function listener(event){
	console.log('got');
	if(event.data.messageType=='openWindow'){
		console.log(event);
	}
}
if(window.addEventListener){
	window.addEventListener("message",listener);
} else {
	window.attachEvent("onmessage",listener);
}

[newaitix]

В результате в консоли вижу только send

[Aetae]

newaitix, блиин. window.frames.self надо заменить на window.top или window.parent. Фрейм у тебя сам себе сообщения шлёт. =\