Изменение данных в 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>

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

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

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

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

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