Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

Jquery → Увеличение iframe в связи с размером контента

Увеличение iframe в связи с размером контентаКак сделать iframe без полосы прокрутки, а чтобы он высоту автоматически увеличивал по содержанию контента? Именно такой вопрос задал один из моих читателей. Именно об этом мы и поговорим. Реализовывается все очень просто в 4 строки javascript.

И так начем.






Создаем сначала простой iframe
<html>
    ...
    <body>
        <iframe id="ourframe"></iframe>
    </body>
    ...
</html>


Ну и сам скрипт.
<script type="text/javascript">
$(function() {
    var iframe = $('#ourframe', parent.document.body);
    iframe.height($(document.body).height());
});
</script>

Вот и всё. Теперь вы будете знать как сделать автоматический размер iframe. Этот способ для плавающего фрейма.
Опубликовал dimas_ua, 3-09-2010, 00:00 Комментариев: 3
 (голосов: 0)
Пишет Максим, 25 февраля 2011 13:20
  • Сообщений: 0
  • Новостей: 0
Попробовал ваш код - ничего не работает. Высота фрейма остается высотой по умолчанию. Хотя внутренний контент имеет высоту 4300 пикселей!
Можно как-то проверить, что у вас работает? Выложите ссылку на демо, пожалуйста.
Пишет Do, 11 апреля 2011 13:10
  • Сообщений: 0
  • Новостей: 0
не работает :(
Пишет JaserneVampes, 6 июля 2011 04:13
  • Сообщений: 0
  • Новостей: 0
Соберем для Вас по сети интернет базу данных
потенциальных клиентов для Вашего Бизнеса
название, телефон, факс, e-mail,
имена, адреса, товары, услуги итд
Более подробно узнайте по
Телефону: +79133913837
ICQ: 6288862
Skype: s.3837
Email: prodawez@mixmail.com