|
| カレッヂ |
質問者 shirousagi
投稿日 2005/5/19(木) 17:59:28
はじめまして，初心者です。
親画面にサイズの小さな画像を沢山表示させておき
クリックされた時に新しい画面を開かせる形に作りました。
親画面をスクロールして下の方の画像をクリックし新しい画面が開かれると
新しい画面で表示させている画像の位置ではなく
親画面トップに戻ってしまいます。
ソースは，下の通りです。
宜しくお願いします。
--------------
| oyagamen |←2.この位置に戻ってしまいます。
| |
| |
| |
| |
| |
| ---- |
| | | |←1. この位置で写真をクリックし新しい画面を開かせると
| ---- |
--------------
<HTML>
<HEAD>
<script type="text/javascript">
<!--
function winnew(x,y) {
document.getElementById(x).setAttribute('href','#');
document.getElementById(x).setAttribute('target','_self');
window.open(y,"new","width=740,height=530");
}
// -->
</script>
<TITLE></TITLE>
</HEAD>
<BODY>
<A href="pic01.jpg" target="_new" id="link1" onclick="winnew('link1','pic01.jpg')">
<IMG src="pic01.jpg" width="128" height="96" border="0"></A><br>
<!-- 中略 >
<A href="pic30.jpg" target="_new" id="link30" onclick="winnew('link30','pic30.jpg')">
<IMG src="pic30.jpg" width="128" height="96" border="0"></A><br>
</BODY>
【プロバイダ】so-net |
回答者 sim
[削除]
投稿日 2005/5/21(土) 09:46:47
<SPAN id="link30" onclick="winnew('link30','pic30.jpg')">
<IMG src="pic30.jpg" width="128" height="96" border="0"></SPAN>
こんなのはどうでしょう？ |
質問者 shirousagi
[削除]
投稿日 2005/5/22(日) 02:37:33
ご回答いただきまして，ありがとうございました。 早速，試してみたのですが，うまくいきました。 本当にありがとうございました。 もうひとつ伺ってもよろしいでしょうか？ 位置がずれるのは直ったのですが。。。 通常リンクのある場所にマウスポインタが移動すると マウスポインタが手の形に変わりますよね？ 教えていただいた方法だとリンクのある場所にマウスポインタが移動しても マウスポインタの形状に変化がありません。 どうしたら，手の形になるようにできるでしょうか？ 宜しくお願いします。 |
質問者 shirousagi
[削除]
投稿日 2005/5/23(月) 10:56:39
すいません。 教えていただきました方法でのカーソル位置の問題は解決したのですが この方法ですと，javascriptを許可していないパソコンの場合 クリックしても新しい画面が開かれなくなってしまいます。 カーソルをトップに戻らないようにし，かつ javascriptを許可していないパソコンからのアクセス時 新しい画面が開けるような方法がありましたら 宜しくお願いします。 |
回答者 こう
[削除]
投稿日 2005/6/10(金) 00:32:52
新たにウィンドウを出す方法としては <a href="#" target="_blank">name</a> とすればよいのですが、ウィンドウサイズなどを指定したり ウィンドウ表示位置を指定する方法は知りません。ごめんなさい。 カーソルを手の形にしたい場合は <span style="cursor:pointer;">name</span> とすることにより、あたかもリンクの上にカーソルを乗せたようになります。 |
返信(回答)する
| Ｗｅｂ裏技 |