单击任何链接时如何在同一页面（窗口）的框架中打开表单答案

【问题标题】：How to open a form in frame at same page(window) on clicking any link单击任何链接时如何在同一页面（窗口）的框架中打开表单
【发布时间】：2012-10-23 11:24:11
【问题描述】：

我正在研究 wordpress 和 bootstrap。我的问题是在我的页面上有一张图片，其中我有不同的社交网站链接和几个页面链接。现在，当用户单击查询链接时，我希望在 iframe 或 div 的同一页面上打开一个表单，并且它应该仅在单击该链接时打开，否则它将保持隐藏状态。请帮帮我。

这是我的标题代码，其中图像放置为pearlIcons01.jpg，所有社交链接和表单链接都映射在上面。

<div id="customHeaderRight" class="span8 hidden-phone" align="right"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/pearlIcons01.jpg" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="75,37,93,58" href="http://www.facebook.com/PearlAcademyOfficial" target="_blank" />
    <area shape="rect" coords="100,37,117,57" href="https://twitter.com/Pearl_Academy"  target="_blank"/>
    <area shape="rect" coords="124,36,143,58" href="http://www.youtube.com/PearlAcademyIndia"  target="_blank"/>
 <area shape="rect" coords="73,5,94,21" href="http://xyz/enquiry-form" />
    <area shape="rect" coords="99,6,119,22" href="#" />
    <area shape="rect" coords="125,5,148,22" href="#" />
  </map>
</div>

我想打开上面这个链接上的表格：

<area shape="rect" coords="73,5,94,21" href="http://xyz/enquiry-form" />

帮帮我…………

【问题讨论】：

请各位大佬急用……我老板要杀了我
只需将目标更改为您的 iframe 的名称...
@Salketer：将目标更改为我的 iframe 名称时，它将显示一个 iframe，我不希望这样，我只想在用户单击任何链接时才显示 i 框架。并且在将它传递给框架时，它会打开整个页面而不是表单。
解释清楚，表格在哪里？如果不是表单，iframe 中有什么？听说过 JSFiddle 吗？

标签： html wordpress

【解决方案1】：

<div id="customHeaderRight" class="span8 hidden-phone" align="right"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/pearlIcons01.jpg" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="75,37,93,58" href="http://www.facebook.com/PearlAcademyOfficial" target="_blank" />
    <area shape="rect" coords="100,37,117,57" href="https://twitter.com/Pearl_Academy"  target="_blank"/>
    <area shape="rect" coords="124,36,143,58" href="http://www.youtube.com/PearlAcademyIndia"  target="_blank"/>
 <area shape="rect" coords="73,5,94,21" href="http://xyz/enquiry-form" target="myIframe" onclick="document.getElementById('theiframe').styles.display='block';"/>
    <area shape="rect" coords="99,6,119,22" href="#" />
    <area shape="rect" coords="125,5,148,22" href="#" />
  </map>
</div>
<iframe style="display:none;" name="myIframe" id="theiframe"></iframe>

【讨论】：

yupp 听说过，但您的回答对此非常有帮助.....但现在的问题是整个页面正在打开而不是单个表单。
也许改变页面只显示表格？或者更改已经包含表单的 div 的 iframe。并保持相同的策略...
我正在通过 wordpress 表单管理器构建表单并在页面上调用它，然后在此处传递该页面的 url
使用带有空模板之类的页面？您的问题被标记为关于 html...我无法帮助 WP。