İframe'de src'nin tablo genişliğini onload olarak yeniden boyutlandır

Question

İframe'de src'nin tablo genişliğini onload olarak yeniden boyutlandır

Aşağıdaki kod çalışır ve vücudun tıklamasıyla ilgili uyarıyı yükseltebilirim. Yapmak istediğim iframe yüklendiğinde, iframe'deki tablonun genişliğini otomatik olarak% 100 olarak değiştirmektir. Yani tıklama yerine, genişlik yükünü nasıl değiştirebilirim?

$("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

katma 28 Ekim 2011 en 02:47 yazar Rob

Görünümler: 6

kaynak

ro ru fr es pt de hi bn ar uz uk

aynı alanda. Eğer .click'i her bir olarak değiştirirsem, yalnızca uyarıyı yerinde bırakırsam çalışır: örneğin, iframe'deki gerçek içerikten tam olarak işlenmemiş bir gecikme olana kadar tablo bulunamadı.

katma 28 Ekim 2011 en 03:39, yazar Rob, kaynak

İki uygulamayı destekleyen dinamik olarak oluşturulmuş bir sayfa. Bir uygulamada, hiçbir zaman% 100'e kadar genişlememelidir, diğerinde (bu bir)% 100'e genişletilmelidir.

katma 28 Ekim 2011 en 03:46, yazar Rob, kaynak

çerçeve sayfası aynı alanda olmalı

katma 28 Ekim 2011 en 02:54, yazar Samuel Liew, kaynak

Yeniden boyutlandırma kodunu neden tabloyu içeren sayfaya koymuyorsunuz?

katma 28 Ekim 2011 en 03:41, yazar Samuel Liew, kaynak

2 cevap

yazar Moe Sweet · Answer 1 · 2011-10-28T02:59Z

Yeni

Bu kodu iframe belgenize koyun :)

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

ESKİ------------------

iframe load() işlevi yalnızca iframe tamamlandığında yüklenir, böylece click() olayını kaldırabilir ve yeniden boyutlandırabilirsiniz.

$("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%"); 
            //});

        });

yazar Pravasis Pattnaik · Answer 2 · 2011-10-28T05:07Z

İframe'in onload olayını deneyebilirsiniz. Örneğin, eğer iframe bunun gibi bir şeyse

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

Şimdi JavaScript kodunda

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