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.

Continue Reading