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

PHPで作った検索システムのページング機能の表示をJavascriptで行いたいのですが、どうしたらよいでしょうか?

ページングだけをjavascriptにすることを希望しています。

回答はリンク先だけでもよいですが、コード+解説付きのものをよろしくお願いします。

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

▽最新の回答へ

1 ● じゅぴたー
●40ポイント

jQueryの「Pager Plugin」を使うと、短いコードで、使いやすいページを構築できます。

コーディング例については「jQueryのPagerプラグインで番号をクリックしてページングさせる」に示されています。


追記

pagenumberは現在のページ番号で、通常は '1' を設定してください。

pagecountは分割したいページ数です。

いずれも定数なので、JavaScriptの中にそのまま埋め込んでおけば良いでしょう。

1ページあたり行数の調整は、Pagerの方で自動的にやってくれます。

まずはお試しください。

◎質問者からの返答

回答ありがとうございます。

リンク先の「jQueryのPagerプラグインで番号をクリックしてページングさせる」については自分も見つけていたのですが

なにが何を指しているのかわかりませんでした

pagenumberは一度に表示するコンテンツの数で

pagecountはコンテンツの合計数

ということでしょうか?

また、PHPで集計したものをここにいれればよいのでしょうか?

入れる場合PHPを呼び出して入れればよいのでしょうか?

質問ばかりで申し訳ありませんがよろしくお願いします。


追記

返答ありがとうございます。

#pagerを変更して動かず

まるまるコピペしても動きませんでした。

上の script src の部分も変更したのですが・・

申し訳ないのですが

別の例がありましたら教えてください


2 ● uwao
●40ポイント

下記では如何でしょうか。

http://tenderfeel.xsrv.jp/php/639/

ただし、JavaScriptのようにブラウザ側で処理するプログラムではページの存在や最終ページなどを把握出来ませんので、途中のページを削除すると前後のページを修正したり、最終ページ数などを修正しなければならない場合が出てきます。

元々、PHPで作成されているのであれば、サーバーサイドで動作するPHPでサーバー内のページを読み込んでから表示した方が良いかもしれません。

◎質問者からの返答

回答ありがとうございます。

PHPのページングは作っていたのですが

Javascriptとの連携のとり方、Javascriptがわからないという状態です。

読み込んでから表示する方法についてよろしかったら教えてください

よろしくお願いします。


3 ● uwao
●40ポイント

ご存じのとおり、PHPはサーバーサイドで動作し、動作結果を出力しています。

通常、echo(print)でHTMLを出力しているのと同様に、JavaScriptを出力すると良いです。

予め、画面に表示したいJavaScriptを作成しておき、PHPからそのJavaScriptを出力させると良いと思います。

例えば

<script type=”text/javascript”>

alert(”JavaScriptです” );

</script>

を、PHPで

<?php

echo ’<script type=”text/javascript”>’;

echo ’alert(”JavaScriptです”)’;

echo ’</script>’;

?>

とするとPHPからJavaScriptを出力出来ます。

(上のソースは正しく入力すると画面に出なくなってしまったので<やクオートなどの記号を全角文字にしてあります)

なお、PHPとJavaScriptが複雑になる可能性もあり、外部のJSファイルで処理させるのも良いかもしれません。

◎質問者からの返答

つまりページング機能はJavascriptで作るということでしょうか?


4 ● uwao
●40ポイント

趣味の問題もあるかもしれませんが、個人的にはPHPやCGIのようなサーバーサイドでページを整理しておき、全てPHPで作成するか、画面上で動的な処理が必要な部分だけJavaScriptで処理するのが良いと思っています。

◎質問者からの返答

質問なのですが、たとえばPAERのページャ機能を使ってる場合

echo "


\n";

echo $links['back'] . "  ";

echo $links['first'];

echo $links['pages'];

echo $links['last'];

echo "  " . $links['next'];

echo "

";

で、表示されているのですが

これをjavascriptで表示させるのにはどうすればよいのでしょうか?


5 ● niwa-mikiho
●40ポイント

http://kaelab.ranadesign.com/blog/demo/listpaging/

こちらがすごく分かりやすいかと思います。

◎質問者からの返答

おお!すごいわかりやすいですね!

ただ、一つだけきになるのですが

分割したものを番号で表示はどうやるのでしょうか?

関連質問

●質問をもっと探す●



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