PHP+jQuery 長い記事ページング クラス (URL / ajax ページング メソッドをサポート)、
<span>/*</span><span>
******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8<br /> ******* 其它组件:jQuery-1.8.3.min.js + Smarty 3.1.18 + TinyMCE 4.1.6
******* Date:2014-10-20
******* Author:小dee
******* Blog:http://www.cnblogs.com/dee0912/
</span><span>*/</span>
前に書かれている:
1. リストページングであっても、記事ページングであっても、現在のページの前後のオフセットをどのように扱うか、つまり、状況に応じてどのページ番号要素を表示し、どの要素を表示しないかを考慮することが重要です。 ) と計算 (ページ番号の表示)、これらの主要なメソッドは URL ページング中にページング クラス ファイルに書き込まれ、ajax ページング中に js ファイルに書き込まれます。
2. Ajax ページングを使用する場合、live() メソッドを使用して、jQuery によって動的に追加された要素もイベント処理関数 (ajax_arc.js ファイル) にバインドできるようにします
この機能モジュールの主なファイルには、長い記事ページング クラス arc_page.class.php と、Ajax 記事ページング用の ajax_arc.js が含まれています。含まれる関数は次のとおりです。
1. 記事のコンテンツは URL を使用してページネーションできます。ページネーション後の URL パラメータは p です。
2. Ajax を使用して記事のコンテンツをページ分割してページ番号を表示できます。
3. リストページングクラスと同様に、「前のページ」と「次のページ」のテキストを変更できます
その他: このモジュールのページング機能を使用すると、エディターはページング用に手動で改ページを挿入できます。
このモジュールは
TinyMCE (4.1.6)
エディタ
と一緒に使用されます
TinyMCE エディターのダウンロード アドレス: http://www.tinymce.com/download/download.php、tinymce フォルダーを解凍してルート ディレクトリに配置します。
言語パックのダウンロード アドレス: http://www.tinymce.com/i18n/index.php、中国語 (中国) を選択し、langs フォルダー内の zh_CN.js を解凍して tinymce/langs ディレクトリに置きます。
tinymce/tinymce.min.js ファイルをテンプレートに導入します。
その他の利用方法についてはブログをご覧ください:http://www.cnblogs.com/nkxyf/p/3883586.html
レンダリング:
URLのページネーション
写真1.
写真2.
写真 3.
ajax ページネーション
写真1.
写真2.
モジュールファイル構造図:
ROOT:
§─conn
│ └─conn.php
│§─libs -- スマートなライブラリ │
§─templates
│ │
│ §─add_article.html -- 記事テンプレートを追加
│ §─view_article .html -- フロントエンド記事ページのテンプレート
│ §─list.html -- フロントエンド リスト ページのテンプレート
│ §─success.html -- 操作が成功したときにテンプレートを表示します
│ §─error.html - - 操作失敗時にテンプレートを表示
│ │
│ ├─css
│ │
│ §─images
│ │ └─loading.gif -- ajax ページング時にリクエストデータを受信する前のローディング画像
│ │
│ ━─js
│ │
│ § ─jquery-1.8.3.min.js
│ │
│ §─showTime.js -- 操作成功時または失敗時のカウントダウンジャンプファイル
│ │
│ §─ajax_arc .js -- ページング方式が ajax の場合 記事ページテンプレートで読み込まれる js view_article.html
│ │
│ └─ajax.js -- ページングモードが ajax の場合、リストページテンプレート list.html で読み込まれる js
│
├─templates_c
│
§─tinymce -- エディター
│
§─init.inc.php -- Smarty 設定ファイル
│
├─list_page.class.php -- リスト・ページング・クラス
│
§─ arc_page.class.php -- 記事ページング クラス
│
§─list.php -- リスト ページ
│
§─view_article.php -- 記事ページ
│
├─ajaxarc.php -- 実行中にリクエストを受け入れる PHP ファイル記事ページの ajax ページネーション
│
§─ajaxpage.php - - リストページの ajax ページネーション中に、要求された php ファイルを受け入れます
│
└─ins.php -- 記事 php ファイルを追加します
メインコード:
記事を追加する (templates/add_article.html、add_article.php、ins.php)
templates/add_article.html
1 4837911c0df9786ee211a9476d785c8f
2 html>
3 頭>
4 958934d45fd990cbc51bad180a790da4PHP文章分页类20a0cf0c5b87c961ccb59d2a5540deba
6 5c415674a5a8e11479cba881e0613af3/css/style_control.css" rel="スタイルシート" type="text/css 「>」
7 79555d4d5d45ac822160c4daadec9d05/js/jquery-1.8.3.min.js">9d8b1de370abf2d04b29981d78e4ec54
10 2cc0d1659c238402d7f6b80b808956fdtinymce/tinymce.min.js">ea325a8c0c2203025099ab05b696ffd9
11 06810b694b1fffcb8925535e35acb586
55
56 标题:64189dcf0fb743841a1b858e338baa36
57 aecbb845de779f6ef7a401ecd97dd259675ebeeab23c98686f2b0b3105c6dfbd
58 内容:675ebeeab23c98686f2b0b3105c6dfbd
59 d5ac2fcc03d821d9fb5f69090b4b40eac888705d6337c99de03e074f1c2168d536d203839ec35c66d6bb4c8a23d17e50
61
62 5db866037e2c63fe3ef061148e215e3b
81 html>
コードを表示
前台显示如图:
add_article.php
1 463badd31f044eb4628bb4a2c9fcec2aassign("ROOT",ROOT);
6 $smarty->assign("ROOT_URL",ROOT_URL);
7 $smarty->assign("Template_Dir",Template_Dir);
8
9 $smarty->display("add_article.html");
コードを表示
ins.php 1 755b4e34cec45e14d57f3c5c128b970eassign("Template_Dir",Template_Dir);
46 $smarty->assign("ROOT_URL",$ROOT_URL);
47
48 //ジャンプ转パラメータ
49 $smarty->assign("do","追加");
50 $smarty->assign("addr","列表页");
51 $smarty->assign("url","list.php");
52
53 $smarty->display("success.html");
54 }他{
55
56 $smarty->assign("Template_Dir",Template_Dir);
57 $smarty->assign("ROOT_URL",$ROOT_URL);
58
59 //ジャンプ转パラメータ
60 $smarty->assign("do","追加");
61 $smarty->assign("addr","追加页");
62 $smarty->assign("url","add_article.php");
63
64 $smarty->display("error.html");
65 }
コードを表示
TinyMCE コンバータは、ユーザーが入力したコンテンツを自動的に前後に追加します。86f0736e183e255396960848aec3dec4文字だけでなく、写真、ビデオなどの富メディアも含まれます。 ,如:
写真:
ビデオ:
分页( arc_page.class.php , templates/js/ajax_arc.js , ajaxarc.php )
arc_page.class.php
1 1788ce79d7d76cbf413f94dafe014bf7コンテンツ = $content;
32 $this->改ページ = $改ページ;
33 $this->floPage = $floPage;
34 $this->prePage = $prePage;
35
36 $this->page_act = $page_act;
37
38 $this->p = $p;
39 }
40
41 /*******************************改ページがないか確認してください***** ******* ***********/
42 パブリック 関数 check(){
43
44 //改ページが含まれているかどうかを検出します
45 if(strpos($this->コンテンツ,$this->改ページ) === false){
46
47 //改ページは含まれません
48 戻る $this->コンテンツ;
49 }他{
50
51 //改ページが含まれています
52 $contentArr = explode($this->改ページ,$this->content);
53 戻る $contentArr;
54 }
55 }
56
57 /*************現在のページ番号を取得、$_GET['p']******を受け取る*******/
58 パブリック 関数 getPageNow(){
59
60 if(!isset($this->p)){
61
62 $this->pageNow = 1;
63 }else if($this->p>0){
64
65 $this->pageNow = $this->p;
66 }他{
67
68 die("ページ番号エラー");
69 }
70
71 戻る $this->ページ今すぐ;
72 }
73
74 /*******************************現在のページのリンクを設定******** ******** *************/
75 パブリック 関数 getUrl(){
76
77 $url = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
78
79 //パラメータがあるかどうかを判断する
80 if(strpos($url,"?") === false){ //パラメータなし
81
82 return $this->url = $url."?";
83 }else{ //パラメータ付き
84
85 $url = 爆発("?",$url);
86 //パラメータ
87 $param = $url[1];
88
89 //複数のパラメーターがあるかどうかを判断します
90 if(strpos($param,"&") === false){ //にはパラメータが 1 つだけあります
91
92 //パラメータが p かどうかを判断します
93 if(strpos($param,"p=") === false){ //にはパラメータpが含まれていません
94
95 // URL を結合
96 $url = 爆破("?",$url);
97
98 戻る $this->url = $url."&";
99
100 }他{
101
102 //パラメータpを削除
103 $url = $url[0];
104
105 戻る $this->url = $url."?";
106 }
107
108 }else{ //複数のパラメータ
109
110 $param = 爆発("&",$param);
111
112 //パラメータ配列を走査する
113 foreach($param as $k=>$v){
114
115 if(strpos($v,"p=") === false){
116
117 続ける;
118 }他{
119
120 //パラメータpが含まれている場合は配列から削除します
121 設定解除($param[$k]);
122 }
123 }
124
125 //パラメータpを削除した後に配列を結合する
126 $param = 爆破("&",$param);
127 $url[1] = $param;
128 $url = 爆破("?",$url);
129
130 戻る $this->url = $url."&";
131 }
132 }
133 }134
135 /*******************************オフセット前処理******** **** *****************/
136 public function preOffset($preFonts){
137
138 $this->getPageNow();
139 $this->getUrl();
140 $this->getPreFonts($preFonts);
141
142 //オフセット前処理
143 if($this->pageNow!=1 && ($this->pageNow - $this->prePage -1 d513baaa031762d0c6d2761b481280c9pageShow .= "ec2ab3f984fe4c559bf0e3ef5b87b705url."p=".($this ->pageNow-1)."">".($preFonts == ""?$this->preFonts:$preFonts)."25e5e57ca745203112b075c483c01f0cpageNow-1;$i++){
151
152 //ajaxモードが表示されない
153 //if($this->page_act != 1){
154
155 $this->pageShow .= "a80f2e63f62603f91f45c5d074d0df71url."p=".$i.""> ".$i."8a3fad64d5a66966bc052922c61b54b0pageNow - $this->prePage -1 > 1){ //pageNow は少なくとも大きい場合にのみ表示されます2.「1 ...」よりも
160
161 //ホームページ
162 $this->pageShow .= "237e61355c3f3d38edb642bd87eaa21burl."p=1">"。 $this->firstFonts."f0a7d91aa6b4570183535e923a472c4apageShow .= "ec2ab3f984fe4c559bf0e3ef5b87b705url."p=".($this ->pageNow-1)."">".($preFonts == ""?$this->preFonts:$preFonts)."fd3d63207e96df228b96c941fc6ec797pageShow .= "37c7d1516d4a98bf8b72ffb722ad56a3url."p=".($this-> pageNow-$i)."">".($this->pageNow-$i)."5db79b134e9f6b82c0b36e0489ee08ed";
173 //}
174 }
175 }
176 }177
178 /**************************ページ番号とバックオフセット処理************ ****** *************/
179 public function floOffset($nextFonts){
180
181 $this->getPageNow();
182 $this->getTotalPage();
183 $this->getUrl();
184 $this->getNextFonts($nextFonts);
185
186 if($this->totalPage > $this->floPage){ //総ページ数がバックオフセットより大きい場合
187
188 for($i=0;$ifd03e0ac628944a92574a367dc4696abfloPage;$i++){
189
190 $page = $this->pageNow+$i;
191
192 if($page9d0842abe095d0d9c243d4817e6d90dapageShow .= "37c7d1516d4a98bf8b72ffb722ad56a3url."p=".$page.""> ;".$ページ."5db79b134e9f6b82c0b36e0489ee08ed";
198 //}
199 }
200 }
201
202 if($this->pageNow f5e7ac1de6b2960631a006d3a98cbedfpageShow .= "d37c664743ce3fc4503de6a551497df8url."p=".($this ->pageNow+1)."">".($nextFonts == ""?$this->nextFonts:$nextFonts)."ba93edbdf9e85d84b329339e339cdc69pageShow .= "c490860b049027a3884bbd155a01062curl."p=".$this ->totalPage."">最後のページ";
209 }
210
211 }else if($this->pageNow > $this->totalPage){
212
213 die("ページ範囲外");
214 }
215 }else{ //総ページ数がバックオフセット未満の場合
216
217 if($this->pageNow a4a6e4f13632bf1cb2bd2d4e81bd5964totalPage){ //現在のページが総ページ数より小さい場合
218
219 for($i=0;$ic182389c1053ee9dadc8c7cc6cb56060totalPage;$i++){
220
221 $page = $this->pageNow+$i;
222
223 if($ページ a4a6e4f13632bf1cb2bd2d4e81bd5964合計ページ){
224
225 //if($this->page_act != 1){
226
227 //ページ番号の後枠
228 $this->pageShow .= "37c7d1516d4a98bf8b72ffb722ad56a3url."p=".$page.""> ;".$ページ."5db79b134e9f6b82c0b36e0489ee08ed";
229 //}
230
231 }else if($page == $this->totalPage){
232
233 //if($this->page_act != 1){
234
235 $this->pageShow .= "37c7d1516d4a98bf8b72ffb722ad56a3url."p=".$page.""> ;".$ページ."5db79b134e9f6b82c0b36e0489ee08ed";
236 //}
237 }else if($this->pageNow > $this->totalPage){
238
239 die("超出页码范围");
240 }
241 }
242
243 $this->pageShow .= "d37c664743ce3fc4503de6a551497df8url."p=".($this ->pageNow+1)."">".$this->nextFonts."f9c91b4fc6989ee2585a983e068717dfpageNow > $this->totalPage){
245
246 die("超出页码范围");
247 }else{ //当前页等总页数
248
249 //if($this->page_act != 1){
250
251 $this->pageShow .= "d37c664743ce3fc4503de6a551497df8url."p=".$this ->totalPage."">".$this->totalPage."ed03160981b6b894eda05c35a3c0e087pageShow .= "6024a2e4cc8409de540c013734d6c731 当前第".$this->pageNow."页54bdf357c58b8a65c66d7c19c8e4d114" ;
261 $this->pageShow .= "/148c08e1bebde02258e3caf37ac81f0a共".$this->totalPage."页54bdf357c58b8a65c66d7c19c8e4d114";
262
263 戻る $this->ページ表示;
264 }
265
266 /* ********************获取上一页、下一页文字************* ****** */
267 public function getPreFonts($preFonts){
268
269 return $this->preFonts = ($preFonts=="")?$this->preFonts:$preFonts;
270 }
271
272 public function getNextFonts($nextFonts){
273
274 return $this->nextFonts = ($nextFonts=="")?$this->nextFonts:$nextFonts;
275 }
276
277
278
279 /******************************获得总页数页******** **************************/
280 public function getTotalPage(){
281
282 //检测コンテンツが数组であるかどうか
283 if(is_array($this->check())){ //content内容分页符才分页
284
285 //总页数
286 return $this->totalPage = count($this->check());
287 }他{
288
289 戻る $this->合計ページ = 1;
290 }291 }
292
293 /************************************ページ******* ***** ********************************/
294 公開 関数 page(){
295
296 //一般的に記事にはページネーションがあまりないので、ページングスタイルとして list_page.class.php の style2 を使用するだけです。
297 //ページ番号に戻る
298 return $this->preOffset($preFonts,$this->prePage).$this->floOffset($nextFonts,$this -&g t ;floPage).$this->getOtherInfo();
299 }
300 }
コードを表示
このファイルには、改ページが含まれているかどうかを検出するメソッドが含まれています。改ページが含まれている場合、受信コンテンツは改ページに従って分割され、そうでない場合は文字列が返されます。
templates/js/ajax_arc.js
1 $(関数(){
2
3 //初期表示「次のページ」「最後のページ」
4 showFloPage();
5
6 //元のliを削除してgifを挿入します
7 関数 ajaxpre(){
8
9 //GIFを挿入
10 $loading = $("4f45c18226e1695985a71000efc2d081");
11
12 $("#content").html($loading);
13 }
14
15 // ページめくり情報を非表示にする
16 関数 infoAct(){
17
18 //現在のページが最後のページに到達すると、「次のページ」と「最後のページ」
19 if(parseInt($("#pageNow").val()) == parseInt($("#totalPage").val())){
20
21 $("#flo_page").hide();
22 $("#last_page").hide();
23
24 $("#pre_page").show();
25 $("#first_page").show();
26
27 }else if(parseInt($("#pageNow").val()) == 1){ //現在のページが到着したときに「ホーム」と「前のページ」を非表示にします
28
29 $("#pre_page").hide();
30 $("#first_page").hide();
31
32 $("#flo_page").show();
33 $("#last_page").show();
34
35 }他{
36
37 $("#pre_page").show();
38 $("#first_page").show();
39
40 $("#flo_page").show();
41 $("#last_page").show();
42 }
43 }
44
45 //「次のページ」と「最後のページ」をクリックすると、「ホーム」と「前のページ」が表示されます
46 関数 showPage(){
47
48 //ホームページ
49 $firstPage = $("7715a7d94d5c54dba4b6c5acff86cd16ホームページ5db79b134e9f6b82c0b36e0489ee08ed");
50
51 if($("#first_page").length == 0){
52 $firstPage.insertBefore($(".ajaxpage:first"));
53 }
54
55 //前のページ
56 $pre_page = $("a9bc45869562349361c72c67d0ed4b61"+$preFonts+"5db79b134e9f6b82c0b36e0489ee08ed");
57
58 if($("#pre_page").length == 0){
59 $pre_page.insertBefore($(".ajaxpage:first"));
60 }
61 }
62
63 //「前のページ」と「ホームページ」をクリックすると、「次のページ」と「最後のページ」が表示されます
64 関数 showFloPage(){
65
66 //次のページ
67 $flo_page = $("47471b06007e358baba689a35ca2f7c1"+$preFonts+"5db79b134e9f6b82c0b36e0489ee08ed");
68
69 if($("#flo_page").length == 0){
70 $flo_page.insertAfter($(".ajaxpage:last"));
71 }
72
73 //最後のページ
74 $lastPage = $("3e5eadae66adeea57f3ba781f5882750最後のページ5db79b134e9f6b82c0b36e0489ee08ed");
75
76 if($("#last_page").length == 0){
77 $lastPage.insertAfter($("#flo_page"));
78 }
79 } 80
81 //ajaxリクエストデータ
82 関数 ajaxpost(){
83
84 $.post("ajaxarc.php",{
85
86 pageNow : parseInt($("#pageNow").val()),
87 id : parseInt($("#id").val()),
88 ページ区切り : $("#pagebreak").val()
89 },function(data,textStatus){
90
91 //gifを削除
92 $(".loading").remove();
93
94 $("#content").html(data);
95 });
96 }
97
98
99 //初期値=1
100 apagenow = parseInt($("#pageNow").val());
101
102 //ajax 「ホームページ」 最初は「ホームページ」と「前のページ」が表示されないため、「ホームページ」は「次のページ」と「最後のページ」のクリック関数でしか呼び出せません」と「前ページ」機能
103 関数 firstPageAct(){
104
105 if($("#first_page").is(":visible")){
106
107 $("#first_page").live('click',function(){
108
109 //更新する前にを削除してください
110 ajaxpre();
111
112 //ページが 1 に設定されました
113 $("#pageNow").val(1);
114 apagenow = parseInt($("#pageNow").val());
115
116 //ページ番号情報を変更します
117 $("#pagenow_info").html(" 現在のページ 1");
118
119 //ポストオフセットページング
120 flopage($("#pageNow").val());
121
122 //ajaxリクエストデータ
123 ajaxpost();
124
125 //「ホーム」に到達した後、「ホーム」と「前のページ」を非表示にします
126 infoAct();
127
128 //ページ番号にスタイルを追加します
129 セルページ();
130 });
131 }
132 }
133
134 関数 lastPageAct(){
135
136 if($("#last_page").is(":visible")){
137
138 $("#last_page").live('click',function(){
139
140 //更新する前にを削除してください
141 ajaxpre();
142
143 //ページが 1 に設定されました
144 $("#pageNow").val($("#totalPage").val());
145 apagenow = parseInt($("#pageNow").val());
146
147 //ページ番号情報を変更します
148 $("#pagenow_info").html(" 現在のページ "+apagenow+"");
149
150 //ポストオフセットページング
151 flopage($("#pageNow").val());
152
153 if($("#first_page").is(":hidden") || $("#first_page").length == 0){
154
155 //「ホーム」と「次のページ」が表示されます
156 showPage();
157 showFloPage();
158 firstPageAct();
159 lastPageAct();
160 prePageAct();
161 }162
163 //ajaxリクエストデータ
164 ajaxpost();
165
166 //「ホーム」に到達したら「ホーム」と「前のページ」を非表示にする
167 infoAct();
168
169 //ページ番号にスタイルを追加します
170 セルページ();
171 });
172 }
173 }
174
175 //ajax "前のページ"
176 関数 prePageAct(){
177
178 if($("#pre_page").is(":visible")){
179
180 $("#pre_page").click(function(){
181
182 //更新する前にを削除してください
183 ajaxpre();
184
185 //「前のページ」をクリックするたびに、隠しドメインの値が -1 になります
186 if(parseInt(apagenow) != 1){
187
188 apagenow = parseInt(apagenow) - parseInt(1);
189 }
190
191 $("#pageNow").val(apagenow);
192
193 //前後オフセットページング
194 flopage($("#pageNow").val());
195
196 //隠しドメインのページ番号の値が1より大きい場合
197 if(parseInt($("#pageNow").val()) > parseInt(1)){
198
199 //ページ番号情報を変更します
200 $("#pagenow_info").html(" 現在のページ"+$("#pageNow").val()+"ページ");
201 }
202
203 //ajaxリクエストデータ
204 ajaxpost();
205
206 if($("#first_page").is(":hidden") || $("#first_page").length == 0){
207
208 //「ホーム」と「次のページ」が表示されます
209 showPage();
210 showFloPage();
211 firstPageAct();
212 lastPageAct();
213 prePageAct();
214 }
215
216 //最初のページの「ホーム」と「前ページ」を非表示にする
217 infoAct();
218
219 //ページ番号にスタイルを追加します
220 セルページ();
221 });
222
223 }
224 }225
226 //ajax「次のページ」
227 if($("#flo_page").length>0){
228
229 // aのhref属性を削除します
230 $("#flo_page").removeAttr("href");
231
232 $("#flo_page").live('click',function(){
233
234 ajaxpre();
235
236 //「次へ」をクリックするたびに、隠しドメインの値が+1されます
237 apagenow = parseInt(apagenow) + parseInt(1);
238
239 $("#pageNow").val(apagenow);
240
241 //ポストオフセットページング
242 flopage($("#pageNow").val());
243
244 //隠しドメインのページ番号の値が総ページ番号未満の場合
245 if(parseInt($("#pageNow").val()) <= parseInt($("#totalPage").val())){
246
247 //ページ番号情報を変更します
248 $("#pagenow_info").html(" 現在のページ"+$("#pageNow").val()+"ページ");
249
250 //ajaxリクエストデータ
251 ajaxpost();
252 }
253
254 //「次のページ」をクリックすると「ホーム」が表示されます
255 if($("#first_page").is(":hidden") || $("#first_page").length == 0){
256
257 //「ホーム」と「次のページ」が表示されます
258 showPage();
259 showFloPage();
260 firstPageAct();
261 lastPageAct();
262 prePageAct();
263 }
264
265 //「次のページ」と「最後のページ」を非表示にする
266 infoAct();
267
268 //ページ番号にスタイルを追加します
269 セルページ();
270
271 戻る false //クリックしてページをめくってください
272 });
273 }
274
275 //ajax「最後のページ」
276 if($("#last_page").length>0){
277
278 // aのhref属性を削除します
279 $("#last_page").removeAttr("href");
280
281 $("#last_page").live('click',function(){
282
283 ajaxpre();
284
285 //隠しドメインの現在のページ情報を変更します
286 apagenow = parseInt($("#totalPage").val());
287 $("#pageNow").val(apagenow);
288
289 //ページ番号情報を変更します
290 $("#pagenow_info").html(" 現在のページ "+$("#totalPage").val()+"ページ");
291
292 //ポストオフセットページング
293 flopage($("#pageNow").val());
294
295 //ajaxリクエストデータ
296 ajaxpost();
297
298 //「最後のページ」をクリックすると「ホーム」が表示されます
299
300 if($("#first_page").length == 0){
301
302 showPage();
303 showFloPage();
304 firstPageAct();
305 lastPageAct();
306 prePageAct();
307 }308
309 infoAct();
310
311 //ページ番号にスタイルを追加します
312 セルページ();
313
314 戻る false;
315 });
316 }
317
318 //タグジャンプをキャンセル
319 $("#first_page").live('click',function(){
320
321 戻る false;
322 });
323
324 $("#pre_page").live('click',function(){
325
326 戻る false;
327 });
328
329 //特定のページ番号のhrefを削除します
330 $(".ajaxpage").removeAttr("href");
331
332
333 //live() を使用すると、jQuery によって動的に追加された要素をイベント ハンドラーにバインドできます
334 $(".ajaxpage").live('click', function(){
335
336 ajaxpre();
337
338 //「次へ」をクリックするたびに、隠しフィールドの値が現在のaタグで表示されているページ番号に変わります
339 apagenow = $(this).text();
340
341 $("#pageNow").val(apagenow);
342
343 //ポストオフセットページング
344 flopage($("#pageNow").val());
345
346 //ページ番号情報を変更します
347 $("#pagenow_info").html(" 現在のページ"+$("#pageNow").val()+"ページ");
348
349 $(".ajaxpage").removeClass("selected");
350
351 $(this).each(function(){
352
353 if($(this).text() == $("#pageNow").val()){
354
355 $(this).addClass("選択済み");
356 }
357 })
358
359 if($("#first_page").is(":hidden") || $("#first_page").length == 0){
360
361 //「ホーム」と「次のページ」が表示されます
362 showPage();
363 showFloPage();
364 firstPageAct();
365 lastPageAct();
366 prePageAct();
367 }
368
369 infoAct();
370
371 //ページ番号にスタイルを追加します
372 セルページ();
373
374 ajaxpost();
375 });
376
377 //「前のページ」「次のページ」ページ番号にスタイルを追加します
378 関数 selpage(){
379
380 //ページ番号にスタイルを追加します
381 $(".ajaxpage").removeClass("selected");
382 $(".ajaxpage").each(function(){
383
384 if($(this).text() == $("#pageNow").val()){
385
386 $(this).addClass("選択済み");
387 }
388 })
389