Изменение данных в iframe

@Kolich · Регистрация: 19.03.2010

Студворк — интернет-сервис помощи студентам

Приветствую всех.
Задача следующая, надо подгружать блок данных с другого сайта например через iframe, все бы хорошо если бы только этим и ограничивалось, но необходимо убрать ненужные блоки со страницы что будет подгружаться(api у данного сайта отсутствует). И тут встал в ступор, т.к. не особо знаю js, но сделать надо.
И сразу серия вопросов от чайника:
Каким образом можно получить доступ к данным находящимся в iframe?
Через что еще можно реализовать вышеприведенную задачу(через flash сразу отсекаем)?
Может знаете какие-либо платные скрипты, ну или бесплатные?
Если считаете что я недостаточно порылся в интернете и все есть, нужно лучше искать, то сразу скажу что в js не понимаю. Мне желательно развернутый ответ, если лень, то просто напишите в какую сторону копать, если сами точно не знаете будет предложенное Вами работать, то лучше не предлагать, что бы избежать более большой путаницы в моей голове.
Заранее спасибо за ответы! =)

@sMockingbird · 01.08.2013, 13:13

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

@vooduq · 01.08.2013, 15:06

JavaScript
1
2
3
4
5
function addContent(iframe,conntent1,content2,content3,div) { //входящий айфрейм,удалить контент1,2,3, блок в который подгружаем
var iFrame = $(iframe).html(); // получаем содержимое айфрейма
var iFrameClear = iFrame.remove(conntent1,content2,content3); // удаляем ненужное
$(div).html(iFrameClear); // загружаем содержимое очищенное от лишнего контента айфрейма в наш блок
};

запустить -

JavaScript
1
addContent('iframe','.conntent1','.content2','.content3','div');

функция создана на удаление трех уникальных элементов из айфрейма, если нужно добавить еще просто дописывайте content4,content5 соответственно

@Vladjiss · 02.08.2013, 14:05

Можно с помощью AJAX (немного сложнее зато побольше функций, а также скорость загрузки страницы увеличится в несколько раз по сравнению с iframe)

JavaScript
1
2
3
4
5
6
 $.ajax({ url: "адрес сайта", context: document.body, response:'text', success: function(data){
var mydata = data;
var mydata = mydata.replace(new RegExp('"//www.youtube.com','g'),'"http://www.youtube.com'); 
//с помощью replace заменяем определённые участки страницы (например неправильные ссылки ютюб)
$("#content-1").html(mydata); //#content-1 - элемент внутрь которого грузим страницу
}});

Далее с помощью стилей делаем те элементы которые нам не нужны невидимыми (display: none)

CSS
1
#элемент1, #элемент2, #элемент3 {display: none}

не забываем подключить библиотеку jquery:

HTML5
1
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>

Добавлено через 5 минут
Полный код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
<script type='text/javascript'>
$.ajax({ url: "адрес сайта", context: document.body, response:'text', success: function(data){
var mydata = data;
var mydata = mydata.replace(new RegExp('"//www.youtube.com','g'),'"http://www.youtube.com'); 
$("#content-1").html(mydata); 
}});
</script>
<style>
#элемент1, #элемент2, #элемент3 {display: none}
</style>
</head>
<body>
<div id="content-1"></div>
</body>
</html>

@tarantino · 06.12.2014, 04:02

Приветствую человеки, и обращаюсь к вам с вопросом по этой теме:

у меня есть сторонний iframe взятый для встраивания видео на мой сайт на Wordpress,
мне нужно из него изъять все логотипы, что и где мне нужно прописать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="iv-embed" style="margin:0 auto;padding:0;border:0;width:642px;">
   <div class="iv-v" style="display:block;margin:0;padding:1px;border:0;background:#000;">
 
      <iframe class="iv-i" style="display:block;margin:0;padding:0;border:0;" src="//open.ivideon.com/embed/v2/?server=100-b824590cd488a9ed4824970c4f0ea389&amp;camera=0&amp;width=&amp;height=&amp;lang=ru" width="640" height="360" frameborder="0" allowfullscreen>
      </iframe>
   </div>
 
   <div class="iv-b" style="display:block;margin:0;padding:0;border:0;">
      <div style="float:right;text-align:right;padding:0 0 10px;line-height:10px;">
         <a class="iv-a" style="font:10px Verdana,sans-serif;color:inherit;opacity:.6;" href="http://www.ivideon.com/" target="_blank">powered by Ivideon</a>
      </div>
 
      <div style="clear:both;height:0;overflow:hidden;">&nbsp;</div>
      <script src="//open.ivideon.com/embed/v2/embedded.js"></script>
   </div>
 
</div>

Убрать нужно следущие блоки с логоипами и ненужными кнопками (взял из кода браузера)
1. // логотип

HTML5
1
<div class="ivideon-embedded-logo-wrapper"></div>

2. // логотип над кнопкой

HTML5
1
<a class="b-embed-logo" title="Ivideon — Видеонаблюдение через Интернет" target="_blank" href="http://ru.ivideon.com">

3. //некоторые функциональные кнопки

HTML5
1
2
3
4
5
6
<div class="ivideon-camera-video-controls stack-bottomright" style="bottom: 10px; right: 10px;">
   <a class="iv-btn ivideon-camera-video-abuse-button ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ivideon-camera-video-control" title="Пожаловаться на камеру" role="button" aria-disabled="false">
 
   <a class="iv-btn ivideon-camera-video-embed-button ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ivideon-camera-video-control" title="Поделиться этим видео" role="button" aria-disabled="false">
 
</div>

Искренне буду вам признателен за адекватный и рабочий пример кода!

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

@Kolich 0 / 0 / 1 Регистрация: 19.03.2010 Сообщений: 26

	Изменение данных в iframe 31.07.2013, 17:39. Показов 15837. Ответов 4 Метки нет (Все метки) Приветствую всех. Задача следующая, надо подгружать блок данных с другого сайта например через iframe, все бы хорошо если бы только этим и ограничивалось, но необходимо убрать ненужные блоки со страницы что будет подгружаться(api у данного сайта отсутствует). И тут встал в ступор, т.к. не особо знаю js, но сделать надо. И сразу серия вопросов от чайника: Каким образом можно получить доступ к данным находящимся в iframe? Через что еще можно реализовать вышеприведенную задачу(через flash сразу отсекаем)? Может знаете какие-либо платные скрипты, ну или бесплатные? Если считаете что я недостаточно порылся в интернете и все есть, нужно лучше искать, то сразу скажу что в js не понимаю. Мне желательно развернутый ответ, если лень, то просто напишите в какую сторону копать, если сами точно не знаете будет предложенное Вами работать, то лучше не предлагать, что бы избежать более большой путаницы в моей голове. Заранее спасибо за ответы! =) 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	01.08.2013, 13:13
	А зачем Вам iframe? Может просто грузить в какой нибудь блок на странице? Вам со стороннего сайта надо всю страницу выгрузить или часть какую то? 0