2014-03-13 28 views
-1

我有HTML页面,有几段和IFrame的引用,IFrame包含一个窗体,几个文本框,dropdownlist和一个按钮。当用户点击IFrame上的按钮时,它会发回一封感谢信息。唯一的问题是HTML页面上的两个段落在感谢消息显示时仍然显示。点击IFrame上的按钮时如何隐藏两段? (我厉声两段围绕一个div)jQuery - 访问IFrame按钮

感谢

回答

0

iframe script试试这个代码,

$('button').on('click',function(){ 
    $('p').hide(); 
}); 

如果paragraph elementsparent window然后用window.parent.document一样,

$('button').on('click',function(){ 
    $('p', window.parent.document).hide(); 
}); 
+0

段落不在iframe内,所以这段代码不起作用。 –

0

那么,没有标记或JavaScript我不得不猜测,但是,假设主文档和文档显示编辑在iframe中是在同一个域中,其中包含段落的div有idpContainer,并且iframe中的按钮的编号为formButton您可以这样做(因为您什么也没说,我假设您是不使用jQuery):

在主文档脚本:

function hideParagraphs() { 
    document.getElementById('pContainer').style.display = 'none'; 
} 

在你的iframe:

window.onload = function() { 
    document.getElementById('formButton').addEventListener('click', window.top.hideParagraphs, false); 
}; 

更改ids对于那些适合您的标记。