Как в iframe показывать только определённую область страницы

Как в iframe показывать только определённую область страницы Отображение заданной области страницы во фрейме iframe
Задача: отобразить во фрейме отдельный кусок страницы, заданного размера и с заданными координатами.
 

 

Решение:

<style type="text/css">
#block1{
    overflow: hidden;
    width:350px;
    height:250px;
}
</style>
<script type="text/javascript">
    function f(){
        document.getElementById('block1').scrollTop = 200;
        document.getElementById('block1').scrollLeft = 50;
    }
</script>

<body onload="f()">

<div id="block1">
<iframe src="http://loco.ru/"  width="1024" height="1000" name="iframe1" scrolling="no"></iframe>
</div>

</body>

Источник: http://forum.php.su

dlrm
Разработчик на джумле, автор многих идей проектов.

Вы можете почитать все статьи от dlrm'а.



Другие статьи по этой теме:

Комментарии (5)     Подпишитесь на RSS комментариев к этой статье.

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

#792
almix говорит:
March 5, 2013 at 12:10 pm
Ты где-то это применил?
#794
dlrm говорит:
March 5, 2013 at 12:54 pm

да, например: на сайте биржи онлайн график на ajax - чтобы ничего не придумывать своего, просто берём нужную область с этим графиком. Быстро и удобно.

#818
Михаил говорит:
March 30, 2013 at 08:09 pm
Спасибо! Пригодилось))) Можешь контакты свои скинуть на mshevirev@live.com?
#880
Игорь говорит:
May 24, 2013 at 10:16 am

Здравствуйте.

Подскажите, пожалуйста, как эту конструкцию разместить на joomla сайте в определенной статье. Все варианты перепробовал, ничего не получается.

У меня joomla 1.5, для вставки кода использую плагин sourcer

Заранее благодарен.

#1403
almix говорит:
July 31, 2015 at 11:31 am
Спасибо за locoничную статью! Пригодилось! Департамент Культуры Москвы попросил разместить их новостной блок на сайте КЦ Чертаново, API не нашёл, поэтому самый удобный вариант именно этот - показать в iframe блоке.