YakobsEA

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Блоги

Сообщество

Поиск

Любой программист время от времени встречает на своём тернистом программистском пути проблему, которая:

- либо не описана в доступных источниках вовсе;

- либо описана лишь частично;

- либо её описание нужно составлять по обрывочным данным из нескольких источников.

Бывает и так, что на изыскания тратится довольно много времени относительно величины решаемой задачи. Жалко, когда плодами потраченного времени может воспользоваться только один человек. Правильнее и эффективнее, если знания будут распространяться среди других людей. Таким плодам и будет посвящён данный блог.

Размер IFRAME по его содержимому

Запись от YakobsEA размещена 11.04.2016 в 20:03

Показов 7478 Комментарии 0

Недавно, дорабатывая чужой проект, столкнулся с необходимостью менять высоту плавающего фрейма в зависимости от отображаемого контента. Оказалось, что на просторах интернета не так уж много внятных примеров посвящённых данному вопросу. "Отфильтровал" найденное от:

- не кроссбраузерных решений - несерьёзно;

- кросс-браузерных решений - излишне сложно для моего случая.

В результате остался один подходящий пример с использованием JQuery (источник не привожу, т.к. их несколько):
Скрипт, приведённый ниже, должен находиться в теле контента.

JavaScript
1
2
3
4
5
6
<script type="text/javascript">
$(function() {
    var iframe = $('#ourframe', parent.document.body);
    iframe.height($(document.body).height());
});
</script>

А вот так выглядит вставка фрейма на странице (для полноты картины):

HTML5
1
2
3
4
5
    ...
    <body>
        <iframe id="ourframe"></iframe>
    </body>
    ...

Неплохо. Однако, не совсем мне подходило, т.к. в моём случае на странице размещалось НЕСКОЛЬКО IFRAME С ОДНИМ И ТЕМ ЖЕ ИСТОЧНИКОМ КОНТЕНТА, ФОРМИРУЮЩИМ ИНТЕРАКТИВНЫЙ HTML-КОД ДИНАМИЧЕСКИ. Кроме того, КОЛИЧЕСТВО IFRAME ТАКЖЕ БЫЛО ПЕРЕМЕННЫМ. Другими словами, мне необходимо было динамически формировать:

- идентификатор IFRAME в родительском HTML;

- идентификатор IFRAME в файле контента.

Эта задача была решена при помощи передачи файлу контента информации об идентификаторе родительского контейнера IFRAME методом GET.
В родительском файле (файл с контейнером <iframe>):

PHP
1
2
3
4
5
<iframe width="100%" scrolling="no" frameborder="0" 
    id="<?=$ПеременнаяСоСформированнымID;?>"
    src="/ПутьКФайлу/ИмяФайла.php?frm1id=<?=$ПеременнаяСоСформированнымID;?>">
Ваш браузер не поддерживает IFRAME...
</iframe>

В файле, формирующем контент:

JavaScript
1
2
// Подключение последней версии JQuery (для тех, кто не знает)
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

PHP
1
2
3
4
5
6
echo ("<script type='text/javascript'>");
echo("$(window).load(function () { ");
echo ("var iframe = $('#". $_GET[frm1id] . "', parent.document.body); ");
echo ("iframe.height($(document.body).height() + 10 + " . ($iFNotExist*25) . "); ");
echo("}); ");
echo ("</script>");

В приведённом коде 10 и $iFNotExist*25 - это дополнительные прибавки к высоте фрейма, обусловленные особенностями контента.
Собственно, пока это всё, чем я хотел с Вами поделиться.
Всем удачи.

Размещено в WEB

Главная страница

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

Всего комментариев 0

Комментарии

YakobsEA

Регистрация 04.12.2015
Адрес Новосибирск
Сообщений 369
Записей в блоге 1

Новые блоги и статьи Все статьи Все блоги /
Был там один разговор по поводу свободы в материальном мире. kumehtar 19.08.2026 Суть: рассматривается живое существо, оказавшееся внутри довольно странной системы (этого мира) и пытающееся обустроить в ней свой кусок пространства. Жизнь действительно предъявляет каждому. . .	Когда логика программы не спасает от человеческих ошибок Maks 18.08.2026 В последнее время всё чаще и чаще сталкиваюсь с таким явлением, как абсолютная невнимательность (или глупость) пользователей. Проявляется это чаще всего на работе в коллективе. Допустим, человек с. . .	Лето уходит kumehtar 17.08.2026	Мысли в слух kumehtar 17.08.2026 Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .
Перемещение строк из ТЧ в другой документ с учетом текущего пробега Maks 17.08.2026 Реализация из решения ниже выполнена на примере нетипового документа "Автозапчасти", с ТЧ "Шины". За основу взят алгоритм отсюда: https:/ / www. cyberforum. ru/ blogs/ 359708/ 10838. html Задача: . . .	Саморегулирующийся социальный контракт для сервера cross-section. Hrethgir 14.08.2026 С кодом конечно таких глубоких размышлений пока не было, впрочем я уже привык к алгоритмизации. Суть предмета записи: снова в диалоге с нейросетью (я взял пока себе ник для учётки админа - Rector). . . .	Часы электронные Uhbif79 12.08.2026 Выкладываю программу часов. Программа позволяет: 1. Использовать системное время и дату, 2. Есть возможность вводить время и дату вручную. 3. Реализованы 2 будильника: начало и конец рабочего дня. . . .	Часы с будильником на основе класса QLCDNumber Uhbif79 12.08.2026 Всем добрый день, выкладываю программу часов с будильником на основе класса QLCDNumber. Здесь я пробовал самостоятельно создавал классы, впервые столкнулся с видимостью переменной одного класса из. . .

Наверх

Сообщение форума

Отменить изменения