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

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

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

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

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