2012-01-18 157 views
1

我在表格單元格中有一個div標籤,而在另一個單元格中有一個超鏈接標籤,我想在div標籤內的超鏈接上打開特定的URL onmouseover。這個URL是我的pdf文件。請誰能告訴我怎樣才能做到這一點thorugh Javascript或任何其它方法在div標籤內部打開URL

+0

您能否重寫您的問題以使用完整的邏輯句子?這很難理解。 – mrtsherman 2012-01-18 06:06:54

+0

你可以給示例代碼?在這裏很難得到你想要做的事情。 – 2012-01-18 06:06:59

+0

Brother我想要在放置div的相同頁面上打開div標籤內的特定URL。 – 2012-01-18 06:24:25

回答

6

類似這樣的:

<table> 
<tr> 
<td> 
    <a href="/pdfs/test1.pdf" onmouseover="previewUrl(this.href,'div1')">google</a> 
</td> 
<td> 
    <div id="div1" style="width:400px;height:200px;border:1px solid #ddd;"></div> 
</td> 
</tr> 
</table> 

<script> 
    function previewUrl(url,target){ 
     //use timeout coz mousehover fires several times 
     clearTimeout(window.ht); 
     window.ht = setTimeout(function(){ 
      var div = document.getElementById(target); 
      div.innerHTML = '<iframe style="width:100%;height:100%;" frameborder="0" src="' + url + '" />'; 
     },20);  
    } 
</script> 
+0

是的,它的工作非常感謝 – 2012-01-18 07:00:58

+0

兄弟excpet谷歌或谷歌郵件所有鏈接正在打開,但爲什麼谷歌不打開你知道任何理由? – 2012-01-18 07:12:44

+0

這是瀏覽器的安全限制 – jerjer 2012-01-18 07:16:06

0

如果你的意思是你想通過打開鼠標一個新的頁面,然後:

 

//add onmouseover to your hyperlink 
<a href="#" onMouseOver="open_new_window(url);">Open Hover Window 
//then js 
function open_new_window(url) { 
    window.open(url,"some_name","width=300,height=200,left=10,top=10"); 
} 
 

您的意思是類似的東西

+0

沒有我dnt這個我想打開在同一頁面內的div標籤不是整體上的網址頁 – 2012-01-18 06:23:30