Как загрузить во фрейме часть другого сайта.
Веб студия - разработка сайтов любого направления.
Создание, разработка, изготовление сайтов | WEB-STYDIA.COM

4.7/512 ratings

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

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

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

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

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

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

11 комментариев

  •   12.04.2017 в 14:10

    Отличная статья, но плохо что расшифровки нет, так как я в программировании не понимаю пришлось методом тыка цифры менять, хорошо что варешка работает

    Ответить
    • Василий
        12.04.2017 в 14:15

      ну если я буду каждый пункт описывать, то вам ничего делать не придется, а так методом тыка кое что и для себя подчеркнули…. :) Шутка.

      Ответить
  •   25.12.2017 в 08:54

    я правильно понимаю что сам блок определяется значениями верхней начальной точки показа

    document.getElementById(‘frame’).scrollTop = 310;
    document.getElementById(‘frame’).scrollLeft = 40;
    ———-
    у меня задача вывезти несколько с разных сайтов у всех разные значения расположения в wordpres.
    Идея хорошая но не совсем до понимаю как сделать

    Ответить
    • Василий
        26.12.2017 в 14:15

      Ну так вроде ведь ничего сложного нет, почему бы не взять ваш сайт да и не проверить.
      Выводить вы можете сколько угодно участков сайта, ведь это по сути обычный фрейм просто с указанием вывода требуемого участка сайта донора.
      Значения определяются отступом сверху scrollTop и отступом слева scrollLeft с учетом того что сайт будет загружаться размерами 1024×1000
      Ну как то так…

      Ответить
  •   24.01.2018 в 14:35

    Спасибо, очень помогли!

    Ответить
  •   16.01.2019 в 23:53

    Зто все здорово, но как быть с мобильной версией сайта ? Есть решение ?

    Ответить
    • Василий
        09.02.2020 в 12:38

      Ваш браузер просто блокирует загрузку сайта примера https://pharmacomlabs.com/code/ так как статья старая, а в данном адресе есть изменения. откройте сайт https://pharmacomlabs.com/code/ вручную в браузере, после обновите страницу нашего сайта.
      Будет немного свободного времени внесем изменения.

      Ответить
  •   18.06.2020 в 09:56

    Здравствуйте! Нигде на просторах интернета не могу найти ясного решения вопроса — как импортировать не всю страницу, а конкретный блок?

    Ответить
    • Василий
        28.06.2020 в 23:44

      Данная статья как раз и является примером как вывести конкретную часть сайта методом iframe

      Ответить

Оставить комментарий

Пожалуйста, введите Ваше имя. Пожалуйста, введите действительный адрес электронной почты. Пожалуйста, введите сообщение.