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

http://members.jcom.home.ne.jp/kantyu/example.gif

この図のようなページ構成を考えています。
すべて、テーブルにて配置をしています。
左側のメニュー部分に「TOP」やら「diary」「Link」などをボタン式に置くのですが、どのページに進んでもメニュー部分を保持したままを考えています。
しかし、メニュー部分を増やした際にページ数が多いと更新が面倒になります。

そこで、メニュー部分を一つのhtmlファイルとして作って、そこを更新すればすべてのページに反映するように作りたいのですが、何かjavaを使ってメニュー部分を呼び出すことなどできるでしょうか?

※ただし、フレーム構造やPHPによるページ作成を除いて、知恵をお貸しください。

●質問者: kantyu_igo
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:HTML Java LINK PHP TOP
○ 状態 :終了
└ 回答数 : 10/10件

▽最新の回答へ

[1]質問本文中のリンクが切れていますが、JavaScriptでしょうか? Nigitama

リンクが切れているので、想像しかできませんが、左側のメニュー部分にJavaScriptを埋め込んで、メニューになるイメージをたてに並べてみてはいかがでしょうか?

どのページにも同じJavaScriptを呼び出すので、JavaScriptの内容を変更するだけですべてのページも変更できると思いますが、、、、

どうでしょうか?


[2]リストタグ 擬似フレーム takaramonob

リストタグにスタイルを適用してメニューを作る。

http://desperadoes.biz/style/ul.php

http://www.rju666.com/web/layout/imitate_frames.html


CSS擬似フレームでページを構成する。

http://desperadoes.biz/style/p_frame.php

(読み下げていくとサンプルがあります)


[3]>1 Re.質問本文中のリンクが切れていますが・・・ kantyu_igo

リンク切れ修正いたしました。

申し訳ありませんでした。

「menu.html」みたいなファイルを読み込んで掲載する形をイメージしています。

java scriptの例題やサンプルをいただけると尚、うれしいところです。

回答ありがとうございます!


[4]>2 Re.リストタグ 擬似フレーム kantyu_igo

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

イメージは合っていました。

問題は、これを上手くできるかどうかになるのでちょっと学習をしてみます。

ズバリという回答が他にもありそうなのでまだ募集します。


[5]>4 テンプレートを利用されては? takaramonob

これから学習されるということでしたら、手間がかかって大変かもしれませんので、あらかじめ作成済みのテンプレートを使用するのも一つの選択肢としてよいかもしれませんね。


「HP素材のおすそわけ」

http://hide.kanari.info/

(上部メニューの「テンプレート」から閲覧できます。)

CSSを利用した、kantyu_igoさんが希望しておられるレイアウトのテンプレートをたくさん公開しておられます。

実際のサンプルも公開されていて、テンプレートは無料でダウンロードできるので、参考になると思います。


CSSの学習をされるなら、

「WEB工房きくちゃん」

http://www.stylish-style.com/

をおすすめします。

CSSテクニックとして、ulタグでメニューを作る方法も詳しく解説されていますよ。


[6]「menu.html」を呼び出す kantyu_igo

CSSを利用して・・・というのはいいアイデアでした。

やっぱり引っかかるのが以前見たことのある「menu.html」(メニュー部分)を呼び出して表示するパターンです。

フレームでないと不可能なのでしょうか・・・・


[7]>5 Re.テンプレートを利用されては? kantyu_igo

このテンプレート集は目からウロコでした。

学習できるサイトもご紹介していただきありがとうございます!!


[8]>6 JSPファイルを使って行うと・・・ kantyu_igo

JSPファイルだと可能なのでしょうか?


[9]>8 もちろん可能ですが takaramonob

JSPファイルはサーバー側で動的にプログラムを動かして処理を実現するためのもので、通常のWebサーバーにサーブレットを初めとした、拡張機能がインストールされていなければ動作しません。

プロバイダのホームページスペースや、一般的な共有(レンタル)サーバーでは、それらの拡張機能をつかえるところはあまりありませんので、JSPでmenu.htmlを呼び出すというのは現実的ではないと思います。

(ちなみに、プログラム言語である「Java」と、「Java Script」は別のものですよ。)


お察しするところ、HTML内部に記述可能な方法を探しておられるようですね。

そういうことでしたら、Java Scriptを使うのが最も現実的だと思います。

英語のサイトなので、読みにくいかもしれませんが、こちらのページにJava Scriptを使用したメニューバーのサンプルがたくさんありますので、参考にされてはいかがですか?

(ページ上部の数字をクリックしてページ移動できます)


それから、「PHPを除いて」といっておられるので、紹介するのはどうかとは思いますが、JSPまで視野を広げておられるなら、PHPやSSIも選択肢として考えてみるのも悪くないと思いますよ。(もちろんCGIでも可能です)

Java Scriptはクライアント側で無効にされている場合も多いので、ページを閲覧出来ない訪問者が大勢いることを考慮しなくてはなりませんし、すべての訪問者にページを閲覧してもらうためには、Java Scriptを使用していないページも別途用意しておかなければならなくなります。

その点、PHPやSSIなら、動作可能なサーバー(とくにPHP対応サーバーは無料でいくらでもあります)で公開するだけで、訪問者側には、HTMLページと同様の扱いをしてもらうことができます。


HTMLのみ対応のサーバーを使用して公開されるということでしたら、PHPやSSIの利用は問題外になりますが、難しいとお考えということで、除外しておられるのであれば、それはそうでもないと思います。

実際、外部ファイルの呼び出しだけが目的なら、PHPでもSSIでもなにも難しいことはありませんよ。

どちらも通常のHTMLに数行書き加えるだけで、内容はCSSやJava Scriptより簡単だと思います。

あと、拡張子が.phpや.shtmlなどと変化するだけです。

http://sky5991.seesaa.net/article/3117699.html

http://ninkiweb.net/shokyu/kyoyu.html

等、参考にしてみてください。


[10]>9 Re.もちろん可能ですが kantyu_igo

ご丁寧にありがとうございました。

「はてな」でこれほど助けられるとは思ってもみませんでした。

早速、実践をしようと思います。

関連質問


●質問をもっと探す●



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