2012-07-30 33 views
14

Başka bir sayfaya iframe içeren bir sayfam var, aradığım şey iframe içindeki bir şeye tıklamak, daha sonra ebeveyne erişmek veya daha özel olarak bir div gizlemek. Bazı JQuery biliyorum ama iframe'de bu deneyin kendiiframe parent içinde access div

+1

çalışmalıdır Sayfa ve iframe aynı alt etki alanında barındırılıyor mu? – rekire

+0

evet, kodun –

+0

@Andrew Morris içeriğinde olması gerekiyorsa, her iki sayfaya da erişebiliyorum. Kod erişimi sorun değil, ancak tarayıcılar farklı etki alanlarında JavaScript eylemlerine izin vermiyor. Ve bu alanların tam olarak eşleşmesi gerekir (protokolün aynı olması gerekir - https sitesini bir http sitesinden JS ile halledemezsiniz) – feeela

cevap

34

üzerine yazmaya çalıştığınızda nedense sadece kod editörü boş boş oturup:

$('#DIVtobehidden', window.parent.document).hide(); 
+1

içeriyor. Teşekkürler, kullandığım bu harika, –

+0

harika çalışıyorsa, ebeveyn farklı bir etki alanında çalışıyor mu? – Awalias

2
$("#element-In-Iframe").on('click', function() { 
    $('#element-in-parent-window', window.parent.document).hide(); 
}); 

FIDDLE

+0

@CrystalMiller - Üç yıl önce çalışıyordu, aynı zamanda kabul edilen cevapla aynı olduğunu da not et. Bu günlerde JSFiddle bir kabuk alt etki alanından kendi iframe'lerini çalıştırıyor, yani aynı kökenli ilke, – adeneo

0

ise her iki sayfa da (alt) etki alanı üzerindeyken üst pencereye şu şekilde erişebilirsiniz:

Evet, jQuery kullanmıyor ancak

+0

Diğer yol bu! – adeneo

+0

Halamı Bunu düzeltirim. – rekire