![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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も見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
HTMLでサブフレームから親のス...
-
HTMLタグに複数のクラスを設定...
-
ボタンを押したあとに画像を表...
-
【JS】selectでchangeした時の...
-
Cookieに保存されない
-
jQueryローディングアニメーシ...
-
ローディングアニメーションの...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
プログラミング 学習
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.open でExcelファイルを...
-
window.openで同画面遷移しない
-
ウィンドウ名の設定
-
入力したテキストボックスのデ...
-
openerの関係が崩れてしまった...
-
JavaScript <a>タグで開いた画...
-
親窓が切り替わった時に小窓を消す
-
ウィンドウのフォーカスについて
-
ポップアップウィンドウの位置
-
特定のウィンドウ名を持つウィ...
-
JavaScriptで開いている別ウィ...
-
サブウィンドウから親ウィンド...
-
別window最大化javaがIE8だけエ...
-
javascriptからウィンドウを開...
-
2つ同時にポップアップページ...
-
window.open()の複数の使用
-
親タブから子タブ開いて親タブ...
-
サブウィンドウ関係のコードの...
-
クリッカブルマップから 小ウ...
-
フレーム内から開いたサブウィ...
おすすめ情報