Javascript ile IFrame içeriğine erişmek

Web Teknolojileri  Şubat 14, 2015

Bu yazımda eğer IFrame kullanıyorsanız ve içeriğindeki nesnelere erişmek istiyorsanız size bunun yolunu göstereceğim.

Elimizde bir iframe olsun ve id olarak da myframe verilsin

<iframe font="" id="myframe" src...="">

Bu frame içerisinde ki bir javascript değişkenine erişmek (veya fonksiyonuna erişmek) için contentWindow özelliğini kullanmak gerekir. iframe de aslında bir window a sahip sayfa içi pencere mantığıyla çalışmaktadır.

var myframeWindow = document.getElementById(“myframe”).contentWindow;

Evet artık myframeWindow üzerinden istediğiniz javascript nesnesi ve fonksiyonuna erişebilirsiniz. Peki ya orada ki document nesnesine erişerek html objelerini kullanmak istiyorsak (örneğin bir inputun value sini almak)

var myframeDoc = document.getElementById("myframe").contentWindow.document;
var myinput = myframeDoc.getElementById("...

Bu kadar basit.

Tekrar görüşünceye dek esenlikle kalın…

Bu yazı 1516 defa görüntülendi

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.

Yazar Hakkında

15 yıllık çalışma hayatında birçok proje geliştirmiş binlerce projeyi inceleme fırsatı bulmuş yazılım aşığıdır. İşini hobi olarak gören yazarımız iş hayatını profesyonelce zevkle sürdürmektedir.

Son Eklenenler