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

    <iframe id="iframeID" src="iframe.html" height="120px" width="290px"></iframe>
    <script type="text/javascript">
        jQuery(function () {
            $('#iframeID').load(function () {
               $('#iframeID').contents().find('#DivIframe').css("background-color", "red"); 
               // ya da
               $(this.contentDocument).find('#DivIframe').css("background-color", "red"); 
            });
        });
    </script>

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.

You may also like

2 yorum

  1. merhaba hocam yalnız bu ıframe için jquery kodlarını çalıştırmada sorun yaşıyorum hazır e ticaret takım elbise sektöründeyim

  2. 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. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.