2012-01-18 160 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