- ベストアンサー
商品詳細のページを別ウィンドウで開きたい
こんにちは。 サイズ指定をした上で別ウィンドウで開きたいのですがHTMLのソースに書くと長くなってしまします。 <a href="javascript:void(0)" onClick="window.open('abc.htm','subwin','width=300,height=300');">サブウインドウ1</a> スタイルシート内に「別ウィンドウ」でサイズ指定して開く方法はあるでしょうか？ ・目的 商品一覧のページから各詳細のページを別ウィンドウで開きたい。 １商品づつにウィンドウサイズ指定をせずにスタイルシート内に記載したい。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
><a href="javascript:void(0)" onClick="wopen('abc.html');">サブウインドウ1</a> >と書き換えましたが上手く動作いたしません。 >書き換え方が間違っているでしょうか。 あ、失礼。functionの方は window.open(url, "subwin", "width=300, height=300"); といった書き方になりますかね（オプションは適宜変えてください）。
その他の回答 (4)
- myeyesonly
- ベストアンサー率36% (3818/10368)
失礼しました。 IEでやってみたらうまく動作しないようです。m(__)m body タグをチェックしてみたら、width と height は使えない仕様になってました。 なので、body タグに、onLoad="resizeTo(300,300);" を入れる事でそのウィンドウのサイズを開いたときに調整できます。 つまり、先の回答の一番下、HTMLファイルを以下のようにします。 ＃今度はIEで確認したのでいけると思います。 xxx.htmlの記述 <html> <head> </head> <body onLoad="resizeTo(300,300);"> ・・・ </body> </html> ・・・ただし、スタイルシートじゃなくなっちゃいました。
お礼
ありがとうございます。 出来ました！ スタイルシートではありませんが大変勉強になりました。 一瞬、画面の大きさが変化するので多くの商品を見せるページには残念ながら向いていないかもしれませんが簡単で即効性がありますね。 お忙しい中、本当にありがとうございましたm(__)m
- myeyesonly
- ベストアンサー率36% (3818/10368)
お尋ねですね。 >他のリンクもこの指定がかかってしまいませんか？ ですが、これはリンクを記述する場所ごとに決められるのでそういう問題はないと思います。 別ウィンドウで開きたいリンクは <a target="_blank" href=" のように書きますし、そうじゃないリンクは <a href=" と書き分ければよく、 開いた先のウィンドウのサイズ指定については、 サイズ調整したいウィンドウのＨＴＭＬファイルは <body class=saizu> ・・・ </body> 調整したくないウィンドウなら <body> ・・・ </body> で大丈夫なので使い分ける事ができます。 スタイルシートに行く種類かのサイズを記述しておけば、サイズを使い分けることもできます。
補足
ご丁寧にありがとうございます。 しかしながらうまく動作いたしません。 bodyタグに直接サイズ指定って出来ましたでしょうか？ また、一部のブラウザでの環境ではなく一般的なブラウザで確認出来る方法を知りたいと思っております。
- shimix
- ベストアンサー率54% (865/1590)
onClickには開くURLだけ書いて、共通のウィンドウ制御は1箇所にまとめては？ >onClick="window.open('abc.htm','subwin','width=300,height=300');" を onClick="wopen('abc.htm');" としておいて、＜head＞から＜/head＞の間に <SCRIPT TYPE="text/javascript"> <!-- function wopen(url){ window.open(url, "subwin", width=300, height=300); } // --> </SCRIPT> でいいと思います。
補足
回答ありがとうございます。 <a href="javascript:void(0)" onClick="wopen('abc.html');">サブウインドウ1</a> と書き換えましたが上手く動作いたしません。 書き換え方が間違っているでしょうか。 ＜head＞から＜/head＞の間にはjavascriptの記述を致しました。
- myeyesonly
- ベストアンサー率36% (3818/10368)
こんにちは。 <a target="_blank" href="xxx.html">ｘｘｘ</a> のように、aタグに target="_blank" を指定すると別ウィンドウで開きます。 それぞれの開くＨＴＭＬの body タグにスタイルシートでサイズを指定しておけばいいのではないでしょうか。 大元のページ <a target="_blank" href="xxx.html">ｘｘｘ</a> xxx.htmlの記述 <html> <head> <LINK REL=STYLESHEET TYPE="text/css" HREF="st.css"> </head> <body class=saizu> ・・・ </body> </html> st.css の記述 .saizu {width:300;height:300;}
お礼
回答ありがとうございます。 他のリンクもこの指定がかかってしまいませんか？ 試してみますm(_ _)m
お礼
ありがとうございます。 問題が解決致しましたので仕事が進みそうです。 お忙しいところ力になって頂きありがとうございましたm(_ _)m