четверг, 9 сентября 2010 г.

Настроить высоту iFrame по его контенту с помощью JQuery.Use JQuery to adjust the iframe height by content

Если на страницу добавляеться iFrame, то мы часто уже знаем его необходимую ширину, в тоже самое время, высота iFrame должна зависеть от его контента.

Напишем короткую функцию на jQuery, которая сможет подгонять ширину iFrame по его содержимому.

Пусть у нас на странице есть iFrame с id="iframe", тогда код ресайза следующий:

$(document).ready(function(){
  $("#iframe").load(setHeight);
});
function setHeight(){
  var iFrame = $(this, parent.document.body);
  iFrame.height($(document.body).height() + 30);
}

3 комментария:

  1. а как и куда этот код вставлять? В заголовок или в тело документа? Либо в тело ЗАГРУЖАЕМОГО ДОКУМЕНТА? который грузится в iframe?

    ОтветитьУдалить
  2. скрипт увеличивает ифрейм не соразмерно много.

    ОтветитьУдалить
  3. извиняюсь, в CSS забыл указать высоту AUTO

    ОтветитьУдалить