JavaScriptを使ったページ送り | 柴原ホームページ
これまでページ送りはサーバ側で行ってきたが、選択されたページ番号ごとの処理が新たなリクエストになり処理の度に項目数をカウントすることにならざるを得ない。 新たなリクエストに項目数などの情報をクッキーやGETリクエストのパラメータで引き継ぐことをすればよいのだが、ページ送りのためだけに大掛かりなことはしたくない。いろいろと調べているとJavaScriptを使えば端末側でページ送りができるので早速試してみた。 使ったのは、jquery pagination Plugin。 準備はjquery pagination Pluginに含まれるjquery.pagination.jsとpagination.cssを適当なフォルダーに入れておく。 ページ送りは全項目分のコンテンツを用意しておき、jquery.pagination.jsを使うことにより、ページ選択と必要項目の表示をしてくれる。それぞれの項
リスト化したページネーションを表示してくれるプラグイン 「Pagination」 #jQuery - 取材に行ったんじゃなかったんですか？
使用するリソース jQuery jquery.pagination.js pagination.css (ナビゲーションのデザインファイル) head要素への記入 <script language="javascript" type="text/javascript" src="フォルダ名/jquery.js"></script> <script language="javascript" type="text/javascript" src="フォルダ名/jquery.pagination.js"></script> <script type="text/javascript"> function pageselectCallback(page_index, jq){ var new_content = jQuery('#hiddenresult div.result:eq('+page
jQueryとPHPで大きなページナビを作る-公開スクリプト | WIZ-CODE.blog
PHPのPEARライブラリにはページング機能を実装するPagerクラスがあります。Googleの検索ページでは、ヒット数が多くて最初のページに載せきれない結果を、複数ページに渡って表示していますが、Pagerクラスを使えばそれと同じことを実現することができます。 前回PHPとjQueryで連携して作成したページナビを紹介しましたが、今回そのスクリプトを公開します。 ⇒PHPとjQueryによるビッグサイズのページナビ ファイル構成 jquery.php-pagination/ ｜ ｜―――――｜――――――――――――――｜ ｜ ｜ ｜ index.php css js ｜ ｜ jquery.php-pagination.css jquery.php-pagination.js jquery.php-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
