2012-01-18 25 views
1

テーブルセル内にdivタグがあり、別のセルにハイパーリンクタグがあり、divタグ内のハイパーリンク上で特定のURL onmouseoverを開きたいと思っています。私のpdfファイルです。誰もが、その後、あなたが意味する場合は、マウスオーバーで新しいページを開きたい私はJavascriptまたは任意の他の方法thorughこれを行うことができますどのようdivタグ内のURLを開く

+0

完全な論理文を使用するために質問を書き直せますか?これはかなり理解しにくいです。 – mrtsherman

+0

サンプルコードを教えてください。あなたがここでやろうとしていることを得るのは難しいです。 –

+0

ブラザー私は、divが配置されている同じページのdivタグ内の特定のURLを開きたいと思っています。 –

答えて

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

はい仕事そのものありがとう –

+0

兄弟のexcpet googleかgoogleのメールすべてのリンクが開かれていますが、なぜGoogleが何か理由を知っているのですか? –

+0

これはブラウザのセキュリティ制限です – jerjer

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

いいえ、私はこれをdivタグ内の同じページにURLを開けたくありません。ページ –

関連する問題