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

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

●質問者: mysterious2005
●カテゴリ:ウェブ制作
✍キーワード:Wiki けが クリック コンテンツ サイト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● akibare
●100ポイント

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

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

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


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

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

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

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

http://shibainu.ddo.jp/2005/11/innerhtml.html

柴犬ラボ: innerHTML

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

CSS と JavaScript でタブ切り替え

◎質問者からの返答

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

関連質問


●質問をもっと探す●



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