Изменение ссылки внутри iframe, загруженном с другого сайта

367
15 декабря 2016, 16:28

Как изменить статичную ссылку в iframe, загруженном с другого сайта?

<iframe src="адрес сайта" scrolling="auto" frameborder="0"
        style="border:none; overflow:visible; width:100%; height:100%;" 
        allowTransparency="true">
</iframe>

Обновление

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href='favicon.ico' rel='shortcut icon' type='image/x-icon'>
<title></title>
</head>
<body style="margin:0; padding:0;">
<iframe src="адрес сайта" scrolling="auto" frameborder="0" style="border:none; overflow:visible; width:100%; height:100%;" allowTransparency="true"></iframe>
</body></html>
Answer 1

Насколько я знаю, это невозможно, поскольку нельзя работать с DOM-элементом, загруженным с другого домена, из-за политики безопасности.

Answer 2

Вот рабочий вариант. Но вас сайт имеет блокировку на замену ссылок. Так что там еще есть дела поважнее.

function loadIframe(iframeName, url) { 
  var $iframe = $('#' + iframeName); 
  if ($iframe.length) { 
    $('#' + iframeName + ' a[href$="http://filmix.net/mynews"]').attr('href', url); 
    return false; 
  } 
  return true; 
}
<body style="margin:0; padding:0;"> 
  <ul> 
    <li> <a href="http://moinovosti.ru" onclick="return loadIframe('ifrm', this.href);">Новости</a> 
 
    </li> 
 
  </ul> 
  <iframe src="http://filmix.net" scrolling="auto" frameborder="0" style="border:none; overflow:visible; width:100%; height:100%;" id="ifrm" allowTransparency="true"></iframe> 
</body>

READ ALSO
Создание адаптивного баннера [закрыто]

Создание адаптивного баннера [закрыто]

Как можно сделать адаптивный баннер? Баннер используется на страницы SharePoint 2010, необходимо решение на CSS, без использования bootstrap и других...

315
Не работает валидация форм с помощью Bootstrap

Не работает валидация форм с помощью Bootstrap

Доброго времени суток, форумчане!

557
Удаление родительского div&#39;a

Удаление родительского div'a

Сегодня я уже спрашивала как добавлять новый div по нажатию кнопки, а теперь мне нужно удалять строку, и у меня снова ничего не выходит

338
Убрать стрелочки с &lt;input type=&ldquo;number&rdquo;&gt;

Убрать стрелочки с <input type=“number”>

Есть input с типом number и при наведении на него появляются такие стрелочки:

407