window.openで別窓でウィンドウを開き、開いたウィンドウは親ウィンドウにあるリンク1、リンク2、リンク3をクリックすると別窓で開いたウィンドウが同画面遷移で変わるようにしたいのですが、IEで各リンクをクリックすると新規ウィンドウが立ち上がってしまいます。Firefoxでは問題ないのですが。
<head>~</head>内に以下のjavascriptを書きました。
<script type="text/javascript">
<!--
function winOPEN(URL,winName) {
window.open(URL, 'window1', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');
}
// -->
</script>
またリンクのhtmlは以下のようにしました。
<ul>
<li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li>
<li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li>
<li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li>
</ul>
どこがいけないのでしょうか。教えてください。
No.1ベストアンサー
- 回答日時:
別窓でウィンドウを開くJavaScript関数と、そのウィンドウのURLを変更するJavaScript関数を別々に設定してみてはいかがでしょう?window.openの第2引数で設定しているウィンドウ名と、locationで設定を変更するウィンドウ名を同じにすることを忘れずに。
<script type="text/javascript">
<!--
function winOpen(URL,winName) {
window.open(URL, 'winName', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');
}
function setURL(url) {
winName.location.href = url;
}
// -->
</script>
この回答への補足
setURLは、winOpenがクリックされることによってurlをひっぱっていくということなのですか?
<head>~</head>内を以下のようにしてみたのですが、
変わりません。
<script type="text/javascript">
<!--
function winOpen(URL,winName) {
window.open(URL, winName, 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');
}
function setURL(url) {
winName.location.href = url;
}
// -->
</script>
html側は以下のままでよろしいのでしょうか?
<ul>
<li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li>
<li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li>
<li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li>
</ul>
ローカルで確認してたのですが、アップロードしてみたら、大丈夫でした。
すみません、初歩的な感じなのですが。ありがとうございました。
かなり追い込まれてたので助かりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
このQ&Aを見た人はこんなQ&Aも見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
同じページをブラウザで複数開けないように
JavaScript
-
HTML,js)リンクを新しいタブで移動しない
HTML・CSS
-
親ウィンドウから開いた子ウィンドウをまとめて閉じるには?
JavaScript
-
-
4
window.openした時、親ウィンドウのドキュメントがトップに戻る
JavaScript
-
5
window.openでタイトル名の指定
JavaScript
-
6
タブブラウザで focus() を実現する方法を教えてください。
JavaScript
-
7
Visual Studio 「AnyCpu」について
C言語・C++・C#
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
閉じるボタンを押すときに表示...
-
タイトルバーのウインドを閉じ...
-
window.openで同画面遷移しない
-
window.open()の複数の使用
-
特定のウィンドウ名を持つウィ...
-
親タブから子タブ開いて親タブ...
-
window.open でExcelファイルを...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
base64encodeでの文字化けについて
-
javascriptでalertの文字列をコ...
-
ウインドウの後ろに隠れている...
-
cssにjavascriptを入れる?呼び...
-
Vbscriptで自分自身のウィンド...
-
複数のページ(html)のvalueを...
-
文字を入れ替わり表示させたい...
-
document.getElementById
-
【SSI】include file、include ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.open でExcelファイルを...
-
ポップアップウィンドウの位置
-
JavaScript <a>タグで開いた画...
-
window.openで同画面遷移しない
-
特定のウィンドウ名を持つウィ...
-
ウィンドウ名の設定
-
入力したテキストボックスのデ...
-
javascriptからウィンドウを開...
-
openerの関係が崩れてしまった...
-
親ウィンドウから子ウィンドウ...
-
JavaScriptで開いている別ウィ...
-
親タブから子タブ開いて親タブ...
-
window.openで
-
Ajaxでウインドウ出力について
-
小さなウインドウ開いて自動閉...
-
ウィンドウを最大化したい!
-
サブウィンドウから親ウィンド...
-
open()したウィンドウを見せな...
-
ポップアップウインドウを開い...
-
<FORM>タグのtargetに値を書込...
おすすめ情報