2011-11-03 71 views
0

點擊這個錨標記之前,我想做些別的事情:如何將onclick事件添加到座標在iframe中的錨標記中?

anchorref.onlick= function() 
{ 
//do something 
//progress to goal.com 
return (true); 

} 

我的HTML如下(東西)這樣的,關鍵是有一個錨標記witin一個按鈕,你想別人先做什麼在前往goal.com之前。 Iframe指向另一個域。或者我應該在iframe標籤上創建一個事件處理程序?:

<iframe class="myclass" frameborder="0" scrolling="no" allowtransparency="true" src="http://www.goal.com" 
      style="width: 55px; height: 20px;"> 
      <html lang="en"> 
      <head> 
       <body class="ncount"> 
        <span id="tweet-button" class="tb-container"><span class="tb"><a id="btn" tabindex="1" 
         href="http://www.goal.com"</span> 
         <img src="someimagesrc" alt="" style="height: 1px; width: 1px;"> 

       </body> 
      </html> 
     </iframe> 

回答

0

HTML標記在IFRAME標記內無效。把你的錨放在IFRAME外面並把你的事件附加到錨上。

在這裏,我綁定事件的HTML:

<html> 
<head> 

<script type="text/javascript"> 
    function SetIFrameURL() { 
     alert('Do something here!?'); 
     document.getElementById("iframe1").src = "http://www.goal.com"; 
    } 
</script> 

</head> 
<body> 

<a href="javascript:SetIFrameURL()">HIT ME!</a><br /> 

<iframe id="iframe1" class="myclass" frameborder="0" scrolling="no" allowtransparency="true" 
       style="width: 550px; height: 200px;"> 
      </iframe> 

</body> 
</html> 
+0

謝謝,但想保持錨定在那裏?我不能將事件綁定到iframe? – user603007

+0

IFRAME顯示在src屬性中指定的文檔。 IFRAME的HTML內容僅在瀏覽器不支持IFRAME時使用。請參閱:http://www.w3schools.com/tags/tag_iframe.asp。如果您需要在將用戶轉發到goal.com之前顯示消息,我建議您創建另一個元素,並使用絕對或相對定位(CSS)(如對話框)將其放在IFRAME的頂部。 – Alex

相關問題