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.
2 yorum
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
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