人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページ作成初心者です。どなたか教えて下さい。TOPページに作成したボタンをクリックすると、リンク先の新しいページが表示されるようにしたいのです。その際、新しいウインドウが開くようにしたいわけですが、その新しく開いたウインドウを任意で定めた大きさで表示されるようにするにはどうしたらいいのでしょうか?もしビルダーで簡単に設定することができないとしたら、HTMLソースで作成するのでしょうが、HTMLについて当方さっぱりわかりません。なるべく簡単にわかりやすく、馬鹿丁寧にご説明いただければ幸いです。よろしくお願いします。

●質問者: aceK
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:HTML TOP にわか ウインドウ クリック
○ 状態 :終了
└ 回答数 : 5/6件

▽最新の回答へ

1 ● ota2244
●5ポイント

http://www3.tcn.ne.jp/~yamaroku/zhang/hp/js/newin.html

JavaScriptを使用すれば可能です。

上記にサンプルソースもありますのでご覧下さい。

解説などもあり分かりやすいかと思います。


2 ● tamo2_xvi
●5ポイント

http://www.dpri.kyoto-u.ac.jp/~dptech/oboe/subwin.html

http://external-file.com/ja/beginner_javascript.html#S12

などを参考にされては如何でしょうか?


3 ● mataxjam
●5ポイント

Javascriptを使うとウインドサイズを指定できます。

HPビルダーなら”HTMLソース”で編集してみてください。

上の方に<HEAD>…</HEAD>ではさまれた部分がありますので、そこにスクリプトを記述します。でリンクのところでは、スクリプトへのリンクにします。

下のような感じです。

<HEAD><TITLE>‥‥‥</TITLE>

<SCRIPT TYPE="text/javascript"></p> <p><!--</p> <p>function newwin() {</p> <p>window.open("リンク先URL","ウインド名","スタイル指定")</p> <p>}</p> <p>//--></p> <p></SCRIPT>

</HEAD>

<BODY>

‥‥‥

<A HREF="JavaScript:newwin()">リンク先へ</a>

</BODY>

</HTML>


スクリプトの部分は、たとえば

window.open("http://…index.htm","window01","width=500,height=300,toolbar")

のような感じです。

くわしくは

http://tezuka.s9.xrea.com/nyumon/htm/suteki01.htm

※ 上記のソースは、勝手にリンクになっちゃうので

<A HREF="JavaScript:newwin()">リンク先へ</A>

の<A…>だけ全角で書いてあります。


4 ● aase
●5ポイント

http://homepage2.nifty.com/shokyusha/technique/javascript/window...

JavaScriptを使うのがメジャーかと思います。ページ下部に、縦横サイズと新しく開くページURLを打ち込めば勝手にタグをつくってくれる機能がありますのでご活用下さい。なお、JavaScriptは改行を削ったりスペースを加えたり、ちょっとでもいじると動かなくなる事が多いので、コピーしてそのまま貼り付けて下さい。

それで作ったサンプルHTML(HEAD部分)を、新しいページを開くリンク元のページのタグ内</title>のすぐ後ろにペースト、サンプルHTML(BODY 部分)の「テキストリンクまたは画像」という文字を、<img src="ボタンの画像名">にすれば大丈夫です。もしこのボタンというのがフォームボタン(画像ではなく灰色のポチっと押すやつ)でしたら、サンプルHTML(BODY 部分)のかわりに

<input type="submit" onclick="サンプルHTML(BODY部分)内の「href="??"」と書いてある「??」の部分" value="ボタン名">

になります。

スクロールバーというのはご存じ画面右側のページ下部を閲覧するためのバー、ロケーションというのはそのページのURLの入っているボックス、その他何ちゃらバーはブラウザ上部の戻るボタンとか「ファイル」「編集」とかの部分をさします。短い文章でのちょっとした説明程度のものでしたら、全部「なし」でも支障はないと思います。

ごちゃごちゃとわかりにくくてすみません

◎質問者からの返答

極力までの親切なご回答ありがとうございます!「サンプルHTML(HEAD 部分)」と「サンプルHTML(BODY 部分)」とは、それぞれどういう役割なのでしょうか、2つともペーストするのですね?「サンプルHTML(HEAD 部分)」は</title>のすぐ後ろにペーストするのですよね、</title>というのは、タグ内に一箇所しかないものなのでしょうか?また「サンプルHTML(BODY 部分)」はどこにペーストすればいいのでしょうか?それともう一点お聞きしたいのですが「リンク先 URL」の指定は、ファイル名のことでしょうか。「file:///C:/?」始まるもののことですか?すみません色々と。教えて下さったら助かります。


5 ● aase
●80ポイント ベストアンサー

二回目に馳せ参じました。

不足部分ご説明いたします。それぞれのタグの役割は


サンプルHTML(HEAD 部分)=そのリンクがクリックされた時にどういう内容の事をするか、というプログラム的な記述。「そのリンクがクリックされた場合、こういうサイズの新しいウィンドウを開くこと」という命令書のようなもの。

サンプルHTML(BODY 部分)=プログラムを起動するリンク。ここをクリックすることで、HEAD部分に書かれた命令が実行される。


という感じです。


</title>は、ビルダーが作ったソースをいじっていない限り、1ページのタグ内に一つしかありません。ページの結構上のほうにあると思います。そこに改行等を加えずペタっと貼れば大丈夫です。


サンプルHTML(BODY 部分)は、質問文中の「TOPページに作成したボタン」のタグと置き換えて貼ります。

ボタンの画像が<img src="button.gif">だとしたら、その場所にサンプルHTML(BODY 部分)を貼り付け、「テキストリンクまたは画像」の部分を<img src="button.gif" border=0>と置き換えれば、そこをクリックしたときに、指定したサイズの新しいウィンドウが開きます(border=0というのは画像の周りを囲む線を表示させなくするためのタグです)。


「リンク先 URL」は、新しいウィンドウの中身であるファイル名のことです。ただ、「file:///C:/?」というのはPCの中のそのファイルの場所ですから、Web上にアップした時には表示されません。

リンクもとのファイル(index.htmlもしくはindex.htmかと察します)とリンク先のファイルが同じフォルダ内にあるのであれば、その時に表示されるファイルの名前、xxxx.html(もしくはhtm)という部分だけを記述すれば動きます。ビルダーによってはあとあと自動的にその部分を削ってくれたりするものもありますが。

とりあえず一旦Webにアップして、調節するといいかもしれません。

◎質問者からの返答

できました!どうもありがとうございます。大感謝です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ