Сегодня клиент попросил сделать функцию проверки штрих кода для проверки гарантии качества товара, ну в подробности вдаваться не буду суть не в этом , а суть в том что у клиента нет этих кодов соответственно на сайте сделать такую проверку не возможно из за их отсутствия,
Но форма проверки есть на сайте производителя , ну что же раз нужно значить нужно , я просто подумал а почему бы не взять и не вывести эту форму у себя на сайте и проверять данные коды визуально у себя на сайте но на самом деле будет использоваться проверка именно из сайта производителя но рядовой пользователь этого знать не будет....
И так форма проверки из сайта производителя чтоб вы понимали о чем идет речь
и мы сейчас выведем во фрейме именно нашу форму и больше ничего, для этого берем следующий код и вставляем в нужном нам месте на нашем сайте:
|
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 id="frame"> <iframe src="https://pharmacomlabs.com/code/" width="1024" height="1000" scrolling="no"></iframe> </div> |
И в итоге мы получим следующую форму в которой можем уже проверять наш штрих код:
Вот такой не сложный способ и так по сути можно делать с любым сайтом...
11 комментариев
Отличная статья, но плохо что расшифровки нет, так как я в программировании не понимаю пришлось методом тыка цифры менять, хорошо что варешка работает
ну если я буду каждый пункт описывать, то вам ничего делать не придется, а так методом тыка кое что и для себя подчеркнули….
Шутка.
я правильно понимаю что сам блок определяется значениями верхней начальной точки показа
document.getElementById(‘frame’).scrollTop = 310;
document.getElementById(‘frame’).scrollLeft = 40;
———-
у меня задача вывезти несколько с разных сайтов у всех разные значения расположения в wordpres.
Идея хорошая но не совсем до понимаю как сделать
Ну так вроде ведь ничего сложного нет, почему бы не взять ваш сайт да и не проверить.
Выводить вы можете сколько угодно участков сайта, ведь это по сути обычный фрейм просто с указанием вывода требуемого участка сайта донора.
Значения определяются отступом сверху scrollTop и отступом слева scrollLeft с учетом того что сайт будет загружаться размерами 1024×1000
Ну как то так…
Спасибо, очень помогли!
Зто все здорово, но как быть с мобильной версией сайта ? Есть решение ?
Писать отдельный css код для мобильных.
Здравствуйте.
Ваш пример не работает http://joxi.ru/L21wQ0YfgLvwqr . Или это только у меня так?
Ваш браузер просто блокирует загрузку сайта примера https://pharmacomlabs.com/code/ так как статья старая, а в данном адресе есть изменения. откройте сайт https://pharmacomlabs.com/code/ вручную в браузере, после обновите страницу нашего сайта.
Будет немного свободного времени внесем изменения.
Здравствуйте! Нигде на просторах интернета не могу найти ясного решения вопроса — как импортировать не всю страницу, а конкретный блок?
Данная статья как раз и является примером как вывести конкретную часть сайта методом iframe