Jquery iframe içerisindeki kontrollere erişmek

Merhaba, jquery ile iframe içerisindeki herhangi bir kontrole erişmek için jquery .contents() metodu imdadımıza yetişiyor. Diğer yöntemde iframe yüklenirken kontrolü buldurup değişiklikleri yaptırıyoruz. Aşağıdaki örneklerde Iframe içerisinde bulunan “DivIframe” id li dive erişip arka plan rengini değiştiriyoruz. Umarım işinize yarar..

Örnek

Dipnot: Localde Chrome üzerinden iframe işlemlerinde “Blocked a frame with origin “null” from accessing a frame with origin “null”. Protocols, domains, and ports must match.” alma ihtimaliniz çok yüksek.

817 okunma

BENZER MAKALELER

1 Yorum

  1. jQuery(function () {
    $(‘#iframeID’).load(function () {
    $(‘#iframeID’).contents().find(‘#DivIframe’).css(“background-color”, “red”);
    // ya da
    $(this.contentDocument).find(‘#DivIframe’).css(“background-color”, “red”);
    });
    });

    şimdi hocam bu kodlar ile frameID isimli iframe deki sitenin içerisinde yer alan #DivIframe bulunan tagı arayıp css düzenleyebiliyoruz.

    Acaba css değerini düzeltmek yerine aradığımız bu değerin içerisinde yer alan kısmı örneğin;

    Çekmek İstediğimiz Kısım

    şeklinde olan kısmı çekip Sitemizin herhangi bir yerine nasıl basabiliriz

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">