2012-10-23 46 views
0

即時工作wordpress和bootstrap.my問題是,在我的網頁上有一個圖像,我有diffeent社交網站鏈接和幾頁鏈接。現在我想要當用戶點擊enquiery鏈接時,表單將在iframe或div的相同頁面上打開,並且只有在單擊該鏈接時纔會打開,否則它將保持hidden.please幫助我們。如何在同一頁面(窗口)點擊任何鏈接在框架中打開一個窗體

這裏是我的代碼頭的圖像被放置爲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" /> 

幫我傢伙.........

+0

請你們必須馬上.. .......我的老闆會殺了我 –

+0

只需將目標更改爲您的iframe的名稱... – Salketer

+0

@Salketer:將目標更改爲我的iframe名稱,它將顯示一個iframe,我不想要這個我想要僅在用戶點擊任何鏈接時才顯示i框。並將它傳遞給框架,它會打開整個頁面而不是表單。 –

回答

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> 
+0

雅普聽到這個,但你的答案是如此有幫助thnks這.....但現在的問題是整個頁面打開,而不是單一的形式。 –

+0

也許更改頁面只顯示錶單?或者換一個已經具有表單的div的iframe。並保持相同的策略... – Salketer

+0

我m通過wordpress表單管理器構建表單,並在頁面上調用它,然後在此處傳遞該頁面的URL –

相關問題