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

Jqueryについて質問させていただきます。

現在↓のような構成でページを開発しております。

▼index.php
<header.php テンプレート読み込み>
<body>
<footer.php テンプレート読み込み>

bodyの内部には、例えば
トップニュース
日記
メッセージ
検索
設定画面
といった内容のコンテンツが全て含まれているのですが、
トップニュースがデフォルトの画面になっていてそれ以外はJqueryで非表示にするよう組んであります。

例えば、この中で日記を書いた際

トップニュースで日記のボタンを押す→日記の画面だけが表示される→入力を行い確認画面へ(普通にリンクさせてindex.php以外の別ページに飛ばします)→日記の内容を修正したいので、別ページからindex.phpに戻ってくる

といった動作をユーザーがとった場合、日記のコンテンツを最初に表示させておくような仕組みを作ることは可能でしょうか?

ツイッターのスマートフォン版のようなUIが作りたいのですが、別ページから戻ってこようとするとトップニュースの画面になってしまい、操作性が悪く悩んでおります。

jqueryでご知見のある方、どうかよろしくお願いします。

●質問者: aiueo
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●50ポイント

ツイッターのスマートフォン版のようなUIは知りませんが思いついたものを。

日記の確認画面から index.php に戻るリンクは index.php#diary のようにキーワードを付ける。
index.php#diaryのようなリクエストがあった場合は、非表示にするCSSなりJSを埋め込むようにする。



タブなら、同じようにキーワードを渡して
jQuery UI tabsのselectedプロパティで任意のタブを開く。
http://jqueryui.com/demos/tabs/



アコーディオンならこっち。
http://jqueryui.com/demos/accordion/


aiueoさんのコメント
ありがとうございます。phpをコンテンツ毎で分けることにしましたので、クッキーを利用して実装したいと思います。

2 ● kodairabase
●50ポイント

jQuery UI Tabsを使ってらどうでしょう。

長?いページもスッキリ!jQueryでタブ表示
http://ascii.jp/elem/000/000/210/210954/

関連質問

●質問をもっと探す●



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