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

Question

Змінити розмір ширини таблиці 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

додано 28 Жовтень 2011 при 02:47 Автор Rob

Перегляди: 7

джерело

ro ru fr es pt de hi bn ar uz tr

воно знаходиться в тому ж домені. Якщо я зміню .click to кожен , він працює тільки, якщо я залишив сповіщення на місці: це схоже на те, що таблицю не знайдено, поки не настає затримка, можливо, від фактичного вмісту в iframe, який не буде повністю відображено.

додано 28 Жовтень 2011 при 03:39, Автор Rob, джерело

Це динамічно побудована сторінка, яка підтримує дві програми. В одному додатку він ніколи не повинен розширюватися до 100%, в іншому (цей) він повинен розширюватися до 100%.

додано 28 Жовтень 2011 при 03:46, Автор Rob, джерело

сторінка кадру повинна бути в тому ж домені

додано 28 Жовтень 2011 при 02:54, Автор Samuel Liew, джерело

чому тоді не розмістити код зміни розміру на сторінці, що містить саму таблицю?

додано 28 Жовтень 2011 при 03:41, Автор Samuel Liew, джерело

2 Відповіді

Автор Moe Sweet · Answer 1 · 2011-10-28T02:59Z

Новий

Встановіть цей код у ваш документ 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%"); 
            //});

        });

Автор Pravasis Pattnaik · Answer 2 · 2011-10-28T05:07Z

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

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

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

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