ブログシステムの構築(9)

前後のページへ移動する機能を作成

  • ページング機能を作る


《HTML》

<p class="nav"><a href="#">&lt;&lt;前のページへ</a> <a href="#">次のページへ&gt;&gt;</a></p>


CSS

.nav {
	text-align: center;
	margin: 20px 0 0 0;
}
次のページへ
  • 「次のページへ>>」を選択する
  • 「サーバービヘイビア」→「レコードセットページング」→「次のページへ移動」をクリックする


前のページへ
  • 「次のページへ」と同様の設定をする


次のページがない場合
  • 「次のページへ>>」を選択する
  • 「サーバービヘイビア」→「領域の表示」→「最終のページでない場合に表示」を選択する


前のページがない場合
  • 「<<前のページへ」を選択する
  • 「サーバービヘイビア」→「領域の表示」→「先頭のページでない場合に表示」を選択する