Динамическая высота для всплывающих окон в зависимости от контента, это возможно?

Question

Можно ли получить всплывающее окно с шириной всегда 400 пикселей, но с динамической высотой в зависимости от содержимого всплывающего окна?

Я видел это, но не уверен, как применить его к всплывающим окнам

Отрегулируйте высоту ширины iframe, чтобы вместить в нее содержимое

Answer 1

Ну, так как вы используете JavaScript для всплывающего окна, вы можете сделать это ... Вы пометили jQuery, так что начнем ... Поместите это во всплывающее окно.

$(document).ready(function() {

var popupHeight = parseInt($('#elementThatWillGetTaller').css('height')); // parseInt if we get a '200px'

// code to set window height - I know it can be done because I've seen osCommerce do it
});

Answer 2

решаемые

$(document).ready(function() {

  // For IE
  var h = $('#page').outerHeight();
  var newH = h + 20;
  window.resizeBy(0, newH - $(window).height());

  // Only works in Firefox/Safari
  $('img').load(function() {
    var h = $('#page').outerHeight();
    var newH = h + 20;
    window.resizeBy(0, newH - $(window).height());
  });
});

Answer 3

Самое быстрое решение - узнать высоту окна до его открытия. Если вы знаете это, то можете передать это как параметр в функцию, которая открывает всплывающее окно, таким образом, делая всплывающее окно правильной высоты.

Answer 4

Если указать переполнение: авто и не указывать высоту для элемента, этот элемент должен динамически увеличиваться по высоте.