JQueryUI DatePicker внутри HTML iFrame не расширяется за фрейм

Question

У меня ASPp-страница ASP.net, которая состоит из 3-х фреймов.Один для заголовка, один для бокового меню и один для основной области содержимого.Фрейм заголовка имеет 2 поля даты, которые будут применять какой-то фильтр к данным в основной области.

Мне нужно изменить поля даты на что-то более удобное для пользователя, поэтому я решил использовать некоторые средства выбора даты jquery.

Проблема, с которой я столкнулся, заключается в том, что высота iframe меньше, чем высота окна выбора DatePicker.Вместо того, чтобы появляться поверх других фреймов, средство выбора даты не отображается полностью (останавливается в конце фрейма).

Я много пробовал z-index, но мне кажется, что все это относится только к странице внутри iframe и не влияет на ее отображение на главной странице.

Какие-либо предложения?То, что я пытаюсь сделать, даже возможно?

Спасибо!

Answer 1

То, что вы пытаетесь достичь, невозможно. Iframe - это автономный документ, например страница в другом окне браузера. Пока вы используете iframe, любой контент в них будет заканчиваться на границе iframe.

Вы также обнаружите, что множество сценариев в том, что скрипты в разных фреймах взаимодействуют друг с другом, особенно в старых браузерах и средствах просмотра внутренней сети (также называемых Internet Explorer).

Короче говоря: если нет причин использовать iframe, не используйте его. Наличие трех из них на странице похоже на одновременное открытие четырех веб-страниц в браузере и, как правило, является пустой тратой ресурсов. Использование iframe имеет смысл, когда вам нужно загрузить контент, например. из другого домена, и вы хотите, чтобы он был изолирован от содержимого на вашей странице.

Answer 2

Я знаю, что уже поздно, но это может кому-то помочь:

Вы можете динамически увеличивать и уменьшать ряд фреймов:

$("#fromdate, #todate").click(function () {
        $('frameset', top.document).eq(2).attr('rows', '300,*');
    });