javascriptでマウスオーバーしたら他のページをツールチップ風に表示

メインページ

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">

<script>

$(document).ready(function(){
	$("p.test2").hover(
		function(){
			//alert("test");
			$(this).append('<div id="tmp"><iframe src="in1.html"></iframe></div>')
		},
		function(){
			$("#tmp").remove();
		}
	);
});


</script>
</head>

<body>
<h1>test</h1>
<p class="test2">ここをさわる</p>
</body>
</html>

マウスオーバーするとでるファイル in1.html 以下に限らずなんでもOK.

<html>
<h1>Test Page</h1>
<h2>Table</h2>
<table border="1">
<thead>
<tr><th>test1</th><th>test2</th><th>test3</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>3</td><td>6</td></tr>
<tr><td>3</td><td>5</td><td>7</td></tr>
</tbody>
<table>
</html>
||< 

*1407919420*[ruby]配列のある値と等しいインデックスをすべて返す．
配列のある値と等しいインデックスをすべて返す．
>|ruby|
a=[1,2,3,3,3,5,6,7,3]
a.length.times().to_a.select{|i| a[i]==3}
=> [2, 3, 4, 8]