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も見ています
-
新NISA制度は今までと何が変わる?非課税枠の拡大や投資対象の変更などを解説!
少額から投資を行う人のための非課税制度であるNISAが、2024年に改正される。おすすめの銘柄や投資額の目安について教えてもらった。
-
同じページをブラウザで複数開けないように
JavaScript
-
HTML,js)リンクを新しいタブで移動しない
HTML・CSS
-
親ウィンドウから開いた子ウィンドウをまとめて閉じるには?
JavaScript
-
-
4
window.openした時、親ウィンドウのドキュメントがトップに戻る
JavaScript
-
5
ウィンドウの2重起動を防止したい
JavaScript
-
6
window.openでタイトル名の指定
JavaScript
-
7
タブブラウザで focus() を実現する方法を教えてください。
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.open でExcelファイルを...
-
JavaScript <a>タグで開いた画...
-
入力したテキストボックスのデ...
-
window.open()の複数の使用
-
javascriptからウィンドウを開...
-
ウィンドウのフォーカスについて
-
openerの関係が崩れてしまった...
-
window.openで同画面遷移しない
-
Ajaxでウインドウ出力について
-
<a href="#" …>の意味を教えて...
-
【SSI】include file、include ...
-
pythonのWebスクレイピングでfi...
-
ページ遷移をコントロールしたい
-
Dreamweaver で 外部JSを読み込...
-
外部.jsの内容を一部置き換えて...
-
getElementsByNameで要素が取得...
-
レンタルサーバーでjavascript...
-
javaスクリプトについて質問で...
-
別ページのページ内リンクでの...
-
初心者javascript ウィンドウサ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで同画面遷移しない
-
特定のウィンドウ名を持つウィ...
-
ポップアップウィンドウの位置
-
window.open でExcelファイルを...
-
JavaScript <a>タグで開いた画...
-
javascriptからウィンドウを開...
-
入力したテキストボックスのデ...
-
フレーム内から開いたサブウィ...
-
親タブから子タブ開いて親タブ...
-
親ウィンドウから子ウィンドウ...
-
<FORM>タグのtargetに値を書込...
-
ウィンドウ名の設定
-
window.openで
-
ウィンドウのフォーカスについて
-
openerの関係が崩れてしまった...
-
window.open()の複数の使用
-
タイトルバーのウインドを閉じ...
-
サブウィンドウから親ウィンド...
-
小さなウインドウ開いて自動閉...
-
Ajaxでウインドウ出力について
おすすめ情報