Змінити розмір ширини таблиці onload у src у iframe

Наступний код працює, і я можу підняти попередження на клацанні тіла. Я хочу зробити це, коли завантажено iframe, автоматично змінюючи ширину таблиці в iframe на 100%. Таким чином, замість клацання, як я можу змінити ширину onload?

$("iframe[name=myheader]").load(function() {
            var iframe_body = window.myheader.document.getElementsByTagName("body")[0];
            $(iframe_body).click(function() {
                alert("hello, you touched me~");
                $(this).find("table").css("width","100%"); 
            });

        });
1
воно знаходиться в тому ж домені. Якщо я зміню .click to кожен , він працює тільки, якщо я залишив сповіщення на місці: це схоже на те, що таблицю не знайдено, поки не настає затримка, можливо, від фактичного вмісту в iframe, який не буде повністю відображено.
додано Автор Rob, джерело
Це динамічно побудована сторінка, яка підтримує дві програми. В одному додатку він ніколи не повинен розширюватися до 100%, в іншому (цей) він повинен розширюватися до 100%.
додано Автор Rob, джерело
сторінка кадру повинна бути в тому ж домені
додано Автор Samuel Liew, джерело
чому тоді не розмістити код зміни розміру на сторінці, що містить саму таблицю?
додано Автор Samuel Liew, джерело

2 Відповіді

Новий

Встановіть цей код у ваш документ iframe :)

$(document).ready(function(){
$("table").css("width","100%");
});

OLD ------------------

Функція iframe load() запускається лише тоді, коли завершується завантаження iframe, так що ви можете просто видалити подію click() і змінити її розмір.

$("iframe[name=myheader]").load(function() {
            var iframe_body = window.myheader.document.getElementsByTagName("body")[0];
            //$(iframe_body).click(function() {
                alert("hello, you touched me~");
                $(this).find("table").css("width","100%"); 
            //});

        });
0
додано
це не працює, див. мій доданий коментар вище.
додано Автор Rob, джерело
Moe це динамічно створений iframe, тому додавання $ ("таблиці ... в готовий документ не працює.
додано Автор Rob, джерело

Ви можете спробувати подію onload iframe. Наприклад, якщо ваш iframe - це щось подібне

    <iframe id="frameElem" width="100%" height="100%" onload="frameLoaded(); return false" />

Тепер у коді JavaScript,

    function frameLoaded(){
    $('#frameElem').contents().find('table').css("width","100%");
    }
0
додано