Как вывести часть страницы с другого сайта на своем сайте


Показываем на своем сайте часть другого сайта во фрейме.

Как загрузить во фрейме часть другого сайта.

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

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

И так форма проверки из сайта производителя чтоб вы понимали о чем идет речь здесь
и мы сейчас выведем во фрейме именно нашу форму и больше ничего, для этого берем следующий код и вставляем в нужном нам месте на нашем сайте:

<style type="text/css"> #frame{ overflow: hidden; width:735px; height:380px; } </style> <script type="text/javascript"> function loadFrame(){ document.getElementById('frame').scrollTop = 310; document.getElementById('frame').scrollLeft = 40; } </script> <body onload="loadFrame()"> <div> <iframe src="https://pharmacomlabs.com/code/" scrolling="no"></iframe> </div>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<style type="text/css">

#frame{

    overflow: hidden;

    width:735px;

    height:380px;

}

</style>

<script type="text/javascript">

    function loadFrame(){

        document.getElementById('frame').scrollTop = 310;

        document.getElementById('frame').scrollLeft = 40;

    }

</script>

<body onload="loadFrame()">

<div>

<iframe src="https://pharmacomlabs.com/code/"  width="1024" scrolling="no"></iframe>

</div>

И в итоге мы получим следующую форму в которой можем уже проверять наш штрих код:

Вот такой не сложный способ и так по сути можно делать с любым сайтом...

Вас также может заинтересовать

13Апр2020

13Апр2020

12Апр2020

c # - Как отобразить часть html-страницы на другой странице в MVC

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании
.

Добавьте контент на свою страницу с помощью встроенной веб-части

При добавлении современной страницы на сайт вы можете добавлять и настраивать веб-части для создания своей страницы SharePoint. В этой статье описывается веб-часть «Встраивание».

Вы можете отображать контент на своей странице SharePoint с сайтов, которые позволяют встраивать (например, YouTube или Bing Maps). Для многих сайтов вы можете использовать веб-адрес сайта для содержания или встраивать код, предоставляемый сайтом.

Отображение контента с использованием адреса веб-сайта

Вы можете встроить содержимое с некоторых веб-сайтов, скопировав и вставив веб-адрес сайта для содержимого в веб-часть «Встроить».

  1. Скопируйте ссылку на встраиваемый контент, который хотите использовать. Для этого перейдите на сайт с контентом, который вы хотите встроить. Где-то рядом с контентом вы обычно видите кнопку или ссылку «Поделиться». Щелкните ее и скопируйте предоставленный адрес ссылки.

  2. Убедитесь, что на странице SharePoint вы находитесь в режиме редактирования. Если это не так, щелкните Изменить в правом верхнем углу страницы.

  3. Если у вас еще нет на вашей странице веб-части «Встраивание», наведите указатель мыши на существующую веб-часть или под областью заголовка, наведите указатель мыши на , а затем выберите из списка веб-часть Embed .

  4. На панели свойств справа вставьте адрес веб-сайта, который вы скопировали ранее, в адрес веб-сайта или вставьте код .

Примечания:

  • Если вы не видите панель свойств, щелкните Изменить веб-часть слева от веб-части.

  • Ссылки на контент работают только для веб-сайтов, которые предоставляют специальную услугу для встраивания контента с помощью ссылок.Если ссылка не работает для контента, который вы хотите встроить, попробуйте вместо этого использовать код для встраивания.

Отображение содержимого с использованием кода внедрения

Код встраивания - это список конкретных инструкций с веб-сайта, описывающих, как отображать этот контент на другой странице. Многие сайты предлагают встраиваемые коды на свои страницы, которые вы можете скопировать и вставить. Обычно вы увидите кнопку с надписью Код внедрения или .Это открывает текстовое поле с некоторым кодом в нем.

Например, нажмите кнопку Поделиться для видео на Vimeo, чтобы увидеть код встраивания в диалоговом окне общего доступа.

Чтобы использовать код для встраивания, выполните следующие действия:

  1. Скопируйте код для встраивания (если есть) для содержимого, которое вы хотите использовать. Для этого перейдите на сайт с контентом, который вы хотите встроить. Где-то рядом с контентом вы обычно видите кнопку или ссылку «Поделиться» или кнопку с надписью Код вставки или .Это откроет текстовое поле с некоторым кодом в нем, похожее на изображение с сайта Vimeo выше.

  2. Если на вашей странице еще нет веб-части «Встраивание», щелкните значок в области, в которую вы хотите вставить видео, и выберите в списке веб-часть Embed .

  3. На панели свойств справа вставьте код внедрения в адрес веб-сайта или в поле кода внедрения .

Отображение динамического содержимого путем подключения к другой веб-части

С помощью веб-части «Встраивание» вы можете вводить ссылки или встраивать код, использующий переменные, что позволяет отображать широкий спектр элементов в зависимости от того, что выбирает средство просмотра страниц. Например, вы можете показать изображение на основе того, что пользователь выбирает из списка URL-адресов изображений.

Для получения информации и примеров см. Раздел Отображение видео, изображения или местоположения в зависимости от того, что пользователь выбирает в веб-части «Список» (подключите веб-часть «Встроить» к веб-части «Список»).

Поиск и устранение неисправностей

Вот наиболее частые причины, по которым встраивание может не работать:

  • Код встраивания должен быть основан на iframe (то есть начинаться и заканчиваться тегами