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

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

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

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

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

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