{"id":488,"date":"2018-12-15T23:57:17","date_gmt":"2018-12-15T23:57:17","guid":{"rendered":"http:\/\/www.eyurtsever.com\/?p=488"},"modified":"2023-01-11T15:36:18","modified_gmt":"2023-01-11T12:36:18","slug":"jquery-iframe-icerisindeki-kontrollere-erismek","status":"publish","type":"post","link":"https:\/\/www.eyurtsever.com\/index.php\/jquery-iframe-icerisindeki-kontrollere-erismek","title":{"rendered":"Jquery iframe i\u00e7erisindeki kontrollere eri\u015fmek"},"content":{"rendered":"

Merhaba, jquery ile iframe i\u00e7erisindeki herhangi bir kontrole eri\u015fmek i\u00e7in jquery .contents() <\/a> metodu imdad\u0131m\u0131za yeti\u015fiyor. Di\u011fer y\u00f6ntemde iframe y\u00fcklenirken kontrol\u00fc buldurup de\u011fi\u015fiklikleri yapt\u0131r\u0131yoruz. A\u015fa\u011f\u0131daki \u00f6rneklerde Iframe i\u00e7erisinde bulunan “DivIframe” id li dive eri\u015fip arka plan rengini de\u011fi\u015ftiriyoruz. Umar\u0131m i\u015finize yarar..<\/p>\n

\u00d6rnek<\/p><\/blockquote>\n

    <iframe id=\"iframeID\" src=\"iframe.html\" height=\"120px\" width=\"290px\"><\/iframe>\n    <script type=\"text\/javascript\">\n        jQuery(function () {\n            $('#iframeID').load(function () {\n               $('#iframeID').contents().find('#DivIframe').css(\"background-color\", \"red\"); \n               \/\/ ya da\n               $(this.contentDocument).find('#DivIframe').css(\"background-color\", \"red\"); \n            });\n        });\n    <\/script><\/pre>\n
Dipnot:<\/strong> Localde Chrome \u00fczerinden iframe i\u015flemlerinde “Blocked a frame with origin “null” from accessing a frame with origin “null”. Protocols, domains, and ports must match.” <\/a>alma ihtimaliniz \u00e7ok y\u00fcksek.<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, jquery ile iframe i\u00e7erisindeki herhangi bir kontrole eri\u015fmek i\u00e7in jquery .contents() metodu imdad\u0131m\u0131za yeti\u015fiyor. Di\u011fer y\u00f6ntemde iframe y\u00fcklenirken kontrol\u00fc buldurup de\u011fi\u015fiklikleri yapt\u0131r\u0131yoruz. A\u015fa\u011f\u0131daki \u00f6rneklerde Iframe i\u00e7erisinde bulunan “DivIframe” id li dive eri\u015fip arka plan rengini de\u011fi\u015ftiriyoruz. Umar\u0131m i\u015finize yarar.. \u00d6rnek <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”, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[15,30,80,128,173,174],"_links":{"self":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts\/488"}],"collection":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/comments?post=488"}],"version-history":[{"count":2,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts\/488\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts\/488\/revisions\/591"}],"wp:attachment":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/media?parent=488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/categories?post=488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/tags?post=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}