- ベストアンサー
HP作成初心者で申し訳ありません。メインのページからクリックして小さなページが出てくるようにしたいのですが…
解りにくくてすみません。例えばショッピングサイトなどで、商品の写真をクリックすると、もう一つウインドウが出て、拡大写真が見れるとかです。そのサブのページはどんな風に作るのでしょう？
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
普通、Javascriptでやります。 <script type="text/javascript" charset="Shift_JIS"> //<![CDATA[ subWin = window.open("","","width=200,height=100"); subWin.document.innerHTML = "<body>"; subWin.document.innerHTML += "商品1<br />"; subWin.document.innerHTML += "<img src="hoge.gif" />"; subWin.document.innerHTML += "</body>"; subWin.focus(); //]]> </script> みたいに記述。動的にいろいろしたいなら、DOMを使って <script type="text/javascript" charset="Shift_JIS"> //<![CDATA[ subWin = window.open("","","width=200,height=100"); var body = document.createElement("body"); var text = document.createTextNode("商品1"); body.appendChild(text); var img = document.createElement("image"); img.setAttribute(src,"hoge.gif"); body.appendChild(img); subWin.document.appendChild(body); subWin.focus(); //]]> </script> みたいに記述 詳しくは、自分で調べてね
その他の回答 (3)
- yyr446
- ベストアンサー率65% (870/1330)
メインのページでボタンをクリックして出てきたページには、メニューバーを表示しないようにしたいのですが ==> window.open(url,name,option) 以下のoptionが指定可能（省略時はYes） option: width=200 :幅 height=100 :高さ status=yes|no :ステータスバー scrollbars=yes|no :スクロールバー directories=yes|no :アドレスバー menubar=yes|no :メニューバー resizable=yes|no :リサイズ toolbar=yes|no :ツールバー
お礼
ありがとうございました！ とても参考になりました。 丁寧な説明ありがとうございました！
- reverie013
- ベストアンサー率18% (26/143)
a要素に target="_blank" を付けるか、 Javascriptの window.open について調べてみ下さい。
お礼
ありがとうございます。 window.open について調べてみます。
- pcskn1216
- ベストアンサー率12% (1/8)
例えば <A href="ここはリンク先ページのURLを入力"> <IMG src="画像URLを入力"width="100"height="100" border="0"></A> ですか？
お礼
ありがとうございました。 参考になりました！
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
補足
早々のご回答ありがとうございました。 私があまりにも初心者で…もう少し教えていただきたいのですが。 メインのページでボタンをクリックして出てきたページには、メニューバーを表示しないようにしたいのですがこれで良いでしょうか？ リンク先のページに記述してみたのですが、特に変わらずメニューバーも表示してしまいました。 すみません。わかりずらいと思いますが。お願いします。