ボタンクリックで別ウィンドウで表示したい

Question

ボタンクリックで別ウィンドウで表示したいです。
chromeです。

<input id="test" type="button" value="test" onclick="location.href='./test.php?id=<?php echo $id ?>'" target="_blank" />

targetを指定しても別ウィンドウになりません。
遷移してしまいます。

どうすればよいでしょうか？

よろしくお願いします。

Comments

[m.ts10806]

本件はPHP自体は関係ないように思います。タグの見直しをお願いします。

Answer 1

<input id="test" type="button" value="test" onclick="window.open(url,'_blank')">

Comments

[退会済みユーザー]

window.open の第 2 引数 '_blank' は a 要素に使う target 属性の '_blank' の意味ですか？

[yambejp]

> window.open の第 2 引数

厳密にいくと第2引数を指定しなければブランクで開くのですが
明示的にしておいたほうが確実なのでつけてあります。
適当な名称を指定して開くと、同じボタンをおしたときその名前のwindowに開き続けます
現在のwindowに開くときは'_self'を指定します。
フレームが全盛のころは’_top'や'_parent'をしてしたりしましたが今はあまり流行っていないですね

[退会済みユーザー]

返答をありがとうございます。

自分でも調べてみました。以下の記事によると "window.open() の全ての呼びだしで新しいウィンドウを開きたい場合、name に _blank という特別な値を用いるべきです" とのことでした。

https://developer.mozilla.org/ja/docs/Web/API/window.open

ただ、_self, _top, _parent は上記の記事にはないです。ググって調べてみると IE では使える（と言うか、それらしか使えなかった？）という記事を目にしますが（以下の stackoverflow の回答参照）、

https://stackoverflow.com/questions/710756/ie8-var-w-window-open-message-invalid-argument

その記事の回答欄の Microsoft のサイトの URL はすでになくなっていて、上の MDN の記事（英語版）に誘導されます。

という訳で、MDN の記事に書いてあるように、第 2 引数には、

(1) 新しいウィンドウの名前

(2) 既存のウィンドウに第 1 引数の url をロードしたい場合は既存のウィンドウの名前

(3) window.open で常に新しいウィンドウを開きたい場合は '_blank'

・・・を指定するということになるようです。

[yambejp]

一応_selfは大抵のブラウザでまだ有効みたいですよ

Answer 2

target属性は基本aタグでしか効果を発揮しなかったはずです。

• target 属性

location.hrefで遷移先を指定するのではなく、window.open()を利用されては。

Answer 3

jQuery UI の Dialog を使ってはいかがでしょう？

【追記】

a 要素（ハイパーリンク）を使って以下の記事のようにするという方法はいかがですか？

ハイパーリンクで window.open
http://surferonwww.info/BlogEngine/post/2010/08/04/Open-dialog-by-using-hyperlink.aspx

これなら、JavaScript が無効になっていても（最近そういうことは考えなくてもいいかもしれませんが）開くことはできますので。