0

我正在研究 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" />

帮帮我吧伙计们…………

4

1 回答 1

0 
<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>
于 2012-10-23T11:55:19.010 回答