cakephpで画像をクリックした際に別ウインドウで指定されたウインドウが表示される動作について

Question

質問をお願いします。

作成したい動作は画像つきのリンクタグをクリックした際に別ウインドウで表示され、そのウインドウが指定のサイズとなっている動作を作成したいのですが、htmlヘルパーのlinkタグ内をどのように書けばいいのかわからない状態です。別タグで表示するだけであれば'target' => '_blank'を付与すれば良いのだと思いますが、それだとウインドウのサイズが形などが指定出来ないので、jsのwindow.open()を使用すれば良いところまではたどり着いたのですが、どうもうまくlinkタグに組み込むことが出来ません。

$this->Html->link(
$this->Html->image('...jpg'),
'http://...'
array('escape' => false)
);

このコードのどこにwindow.open()を書いて、画像をクリックすると別ウインドウにサイズなどが調整されたウインドウが表示されるようになるのでしょうか？ご教示下さい。よろしくお願いします。

追記

新しいウインドウが表示された時の動作の追加ですが、元のウインドウに表示されるblankのページを表示しないか、そのタブと新しく表示されたウインドウとリンクをさせて、どちらかを閉じればもう一方も閉じるような動作を追加したいと考えています。

Answer 1

こんな感じでしょうか。URLや各種引数は必要に応じて変えてください。

$this->Html->link('Test', "javascript:window.open('/', null, 'width=400, height=300');", ['target' => '_blank']);

Comments

[test_87097]

ご回答ありがとうございます。
教えて頂いたコードを実行したところ、別ウインドウで表示されました!!ありがとうございます。
ただもう少しだけ動作を付け加えたいのですが、別ウインドウが表示された時に元のウインドウにもタブが出来てしまい、そのタブを消すか、元のタブと新しく出来たタブをリンクさせてどちらか閉じればもう一方も閉じるような動作を追加したいのですが、上手くjsを書くことが出来ない状態です。
本当にお手数をかけてしまいますが、上記のような動作が可能なコードをご教授頂けますと非常にありがたいです。よろしくお願いします

[popobot]

その辺の動作はブラウザの設定によるのかもしれません... 使っているブラウザはなんですか？
なお、target属性いらない気がしてきたのですが、以下だとどうなりますか？
$this->Html->link('Test', "javascript:window.open('/', null, 'width=400, height=300');");

[test_87097]

firefoxを使用していました。
target属性を削除したところ、タブが表示されることなく新しいウインドウだけが表示されました!!本当にありがとうございました。助かりました。

[popobot]

なるほど、自分はChromeだったんですが、それだとtarget属性があっても大丈夫でした。
この辺の動作はブラウザ依存な部分もあるので、念のため想定されているブラウザで動作確認しておいたほうがいいかもしれないでね。