Блог старого компьютера

Блог старого компьютера


Главная Разное Высота iframe под содержимое контента

Высота iframe под содержимое контента

25.05.2015 15:03 Администратор Разное
Печать PDF

Сегодня встала необходимость вставить на сайте некую информацию средствами iframe. К сожалению информаци в iframe может быть разная, а значит и высота iframe тоже может быть разная. Это нас совершенно не устраивает. Необходимо чтоб все содержимое iframe было видно на странице без всяких скролбаров.

Для этого не долго думая я написал небольшую js  функцию на основе библиотеки jQuery:

<script>
function frameHeight(id){
var height = jQuery(id).contents().find('html').height();
jQuery(id).height(height);
}
</script>
<iframe style="width:100%;" allowtransparency="true" onload="frameHeight(this)" frameborder="0" id="iframe" src="/yandex.php"></iframe>  

 Вот и все теперь размер iframe будет подстаиваться под контент. Скажу сразу что данный метод будет работать только в случае если у вас контент  iframe и контент сайта пренадлежат одному домену. Если же вы хотите подгрузить информацию с другого сайта и подогнать его размер под содержимое то придется использоваться небольшой промежуточный php файл в котором необходимое содержимое мы получим с помощью функции file_get_contents, а уже потом вставим информацию с помощью iframe. То есть сначала мы забираем информацию с помощью нового созданного php файла, а уже потом мы ставим в src iframe тот файл который мы только что создаем.

$content = file_get_contents('http://yandex.ru');
echo $content;

 Вот таким вот образом мы так сказать помещаем нужную для фрейма информацию на свой домен.

Если сайты в разной кодировке то в php файле используем функцию iconv()

Комментарии  

 
+1 #1 Loloshka 03.08.2015 11:56
:D самая крутая статья
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Поиск

Голосование

Что Вы думаете на счет битрикса?
 

Все материалы раздела