Orta Seviye: Javascript ile IFrame içeriğine erişmek

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