JavaScriptを使用して画像をクリックしポップアップウインドウを立ち上げると、スクロールして下の方に下がっていた親ウインドウは、なぜかまたページのトップへズズズいと勝手にあがっています。
Macでは確認されませんが、ウインドウズだと、その現象がおこるようです。
コードは以下のようになっています。
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
で、クリックする画像についているコードは以下。
<a href="#" onClick="MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200')"><img src="img/toiawase/A.gif" width="20" height="20" alt="こたえ" border="0"></a>
なお、当方の環境はMacOS9.1でエクスプローラー5、作成アプリはDreamweaver4です。
親ウインドウが下の方にスクロールしている状態のままポップアップウインドウを開く方法は何かないでしょうか?
よろしく御教授くださいますよう、お願いします。
No.5
- 回答日時:
No4の者です。
すみません。回答中の文章に間違いがありました。
トップページでなくてページのトップでした。
ページのトップへズズズいと勝手にあがってるのではなくて
同じページにジャンプしているです。
その証拠にブラウザの「戻る」ボタンで元のページのスクロールしてた場所に戻ります。
問題は解決しましたが、この「戻るボタンを押すとスクロールしていた場所に戻る」ということはありませんでした。これは、きっとブラウザや環境にもよるものなんでしょうね。
ともかく、確実に問題が解決された事は確かです。
気にかけていただき、御丁寧に何度もありがとうございました。
No.4
- 回答日時:
<a href="#">とするとトップページに移動するブラウザはMacにも多数あります。
これを回避する方法は
onClick="MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200');return(false)"
と言ういう風に最後の方に;return(false)を追加すると大丈夫です。
参考URL:http://write-off.cside.com/scripts/tips/open.htm
No.3
- 回答日時:
<a href="#" onClick="MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200')"><img src="img/toiawase/A.gif" width="20" height="20" alt="こたえ" border="0"></a>
↓
<a href="javascript:MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200')"><img src="img/toiawase/A.gif" width="20" height="20" alt="こたえ" border="0"></a>
と改変してみてください。
ありがとうございます。
kou-taroさんのおっしゃっていたタグは、もしかして
こうするということですね?
無事、解消されました。
御親切にありがとうございます。
No.1ベストアンサー
- 回答日時:
href="#" としているからではないですか?
以下のようにしてみてください。
<a href="javascript:void(0)" onClick="MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200')"><img src="img/toiawase/A.gif" width="20" height="20" alt="こたえ" border="0"></a>
早速のお返事をありがとうございます。
おかげさまで、問題解消しました。
また、わからないことがありましたら、お知恵を拝借したいと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
HPビルダー12 Javascriptのロ...
-
画像を変えるスクリプト
-
ランダムに画像を表示し、ポッ...
-
htmlで、たくさんのgif画像を、...
-
NNでロールオーバーしたgifアニ...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
どこに画像ファイルを入れるの...
-
JavaScriptでボタンをクリック...
-
サムネイルをクリックして背景...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
スライダーを実装した場合、ペ...
-
背景色を一定時間ごとにランダ...
-
文字を固定したいのですが…
-
javascriptでURLにマウスオーバー
-
[急ぎ] videoタグで埋め込んだm...
-
文字と数字が混在する要素のsor...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
【初心者】UWSCでjavascriptで...
-
WSHでクリップボードにイメージ...
-
javascriptで複数の画像をラン...
-
教えて下さい。ランダムにバナ...
-
1つの画像クリックで切替の方法
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
サーバ側で時間を判断して自動...
おすすめ情報