Question

即时工作在wordpress和bootstrap.my问题是在我的页面上有一个图像，其中我有不同的社交网站链接和几个页面链接。现在我想，当用户点击enquiery链接时，表单将打开在iframe或div中的同一页面，只有点击该链接才能打开，否则它将保持隐藏状态。请帮助我们。

这是我的标题代码，其中图像被放置为pearlIcons01.jpg，并且所有社交链接和表单链接都是maped。

<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" />

帮助我们.........

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

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

1 个答案: