左にはコンテンツへのリンクタイトルが並び、そのリンクをクリックすると右にコンテンツが表示されるというサイトがあるとします。フロートを使って左右に分け、左にあるリンクをクリックしていった時にその左部分はリロードせず(つまりサイト全体は読み込まないで)、コンテンツが表示される右部分だけが切り替わっていくいくような方法について、Wikiを除いてどのようなものが最善か、簡単な手順などがありましたら教えて下さい。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/11/14 13:20:29
  • 終了:--

回答(1件)

id:akibare No.1

akibare回答回数157ベストアンサー獲得回数52005/11/14 15:15:54

ポイント100pt

http://www.htmq.com/html/iframe.shtml

<IFRAME>−HTMLタグリファレンス

ナビゲータ部分を再ロードしないでコンテンツ部分を入れ替える方法としては以下の4つを思いつきました。他にもJavascript+DOMを使った動的なコンテンツの操作はあると思いますが、とりあえず。


①frameを使う(フロートを使ってということなので却下)

②コンテンツ部分にiframeを使う(URL#1)

③コンテンツ部分をinnerHtmlで差し替える。データは隠しフレームで読み込むとか。(URL#2)

④あらかじめすべてのコンテンツを読み込んだ上でdisplay属性を切り替える(タブ切り替えと同様 URL#3)

http://nais.to/~yto/tools/css_tabs/

CSS と JavaScript でタブ切り替え

id:mysterious2005

ありがとうございました。4番目のものを応用するという形でうまく実現できそうです。

2005/11/14 16:05:07

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません