Как в window.open автоматически выставлять ширину и высоту под содержимое?

Question

[Игорь Безлепкин]

Привет! Делаю авторизацию через соц.сети.

Как бы так сделать что бы при window.open окно подгонялось под размеры содержимого.

Вижу так у многих сделано, без указания явных размеров.

Answer 1

[Игорь Пушкарский]

А зачем тебе это на js делать? Это делается средствами CSS.

Comments

[Игорь Безлепкин]

А как на CSS? Не догоняю...

Answer 2

[Евгений Петров]

Да вот так. Чего уж проще...

document.addEventListener('click', function () {
	var w = window.open('', '', 'width=300,height=300');

	// на самом деле будет открыт документ по ссылке, но скрипт там такой же
	w.document.open();
	w.document.write('<script>this.resizeTo(400, 500);<\/script>');
	w.document.close();
});

А вообще, открывать новое окно — прошлый век. Просто показали блок с iframe, куда можно загрузить документ. И управлять проще, и в панели задач ничего не появилось нового.

Comments

[Игорь Безлепкин]

? что мы с помощь этого решаем?

[Игорь Пушкарский]

Нужно открывать не окно а модельное окно))

[Игорь Пушкарский]

А не фрейм))

[Евгений Петров]

Bezlepkin: Тащемта изменяем размеры окна после его открытия. Или вы не знаете, как узнать размеры содержимого окна?

[Евгений Петров]

Игорь Пушкарский: Вы хоть понимаете, что такое «модальное» окно?

[Игорь Пушкарский]

Вам объяснить вы не вкусе? Тогда Вам сюда https://ru.wikipedia.org/wiki/%CC%EE%E4%E0%EB%FC%E...

Зачем извращаться с Iframe-ом? Кто так делает?

[Евгений Петров]

Игорь Пушкарский: Это вам нужно объяснять, что модальных окон в JS осталось 3, да и то не во всех браузерах, и эти окна вызываются с помощью alert(), prompt() и confirm().
Как вы собрались с помощью этих модальных окон реализовывать сложные интерфейсы?

[Евгений Петров]

Игорь Пушкарский: Ах, да про iframe... Вы просто не умеете его использовать, и никогда не работали с приложениями, которые дают возможность работы с разными доменами без CORS.

[Игорь Пушкарский]

Причем тут JS ? Если человека интересует как блок растягивать по его содержимому? Он ведь не делает супер веб операционную систему, и iframe ему просто нафиг не нужен.

[Евгений Петров]

Игорь Пушкарский: Вы мне объясните, что за некие модальные окна вы собираетесь использовать для этой задачи?

[I.CaR Soft]

Евгений Петров, Для закрытия основного окна к примеру. Люди слушают радио и забывая, закрывают окно с радио. И это не моя прихоть, а людям так нравится, так как уже пробовал отключать - получил жалобы с проекта.

Answer 3

[Игорь Безлепкин]

Узнать размер содержимого мы не можем window.document мозила говорит по соображениям безопасности.

Comments

[Евгений Петров]

Это только если документы не соответствуют политике происхождения.

[Евгений Петров]

Да и зачем отдельному окну что-то кому-то передавать? Оно может изменить само себя — и размеры, и положение.

[Игорь Безлепкин]

Евгений Петров: Конечно не соответствует :) мы же открываем страницу авторизации в контакте.

[Евгений Петров]

Bezlepkin: Была такая тема Как сделать высоту iframe по содержанию, полученному с другого домена?
Но, если документ, загружаемый в другое окно (будет это iframe или использован window.open() — неважно) не соответствует политике происхождения, то ответ — никак.

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

[Игорь Безлепкин]

Евгений Петров: Вижу решение посылать аякс по тому же адресу, замерять размеры, и уже делать window.open с этими размерами. Но мне кажется это извращение.

[Евгений Петров]

Bezlepkin: А кто вам ответит без CORS?

[Игорь Безлепкин]

Евгений Петров: Блин, не подумал