ページングについて

Question

表題の件で、simple paginationjs というのがあります。 これを利用して、ページングを各ページに飛ばしたいのですが、国内の一般の例では、同じページ内の飛ばし方です。例：[面倒なページネーション実装よさらば！] などですが・・・このリンク先で動作が確認できます。

では、具体的に、内容は、・・・

<link type="text/css" rel="stylesheet" href="simplePagination.css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.simplePagination.js"></script>

というように最初リンクを張ります。

script 部分は、

<script> $(function(){ $("#paging").pagination({ items: 4, displayedPages: 4, cssStyle: 'light-theme', prevText: '<<前', nextText:'次>>', onPageClick: function(pageNumber){show(pageNumber)} }) }); function show(pageNumber){ var page="#page-"+pageNumber; $('.selection').hide() $(page).show() } </script> <style type="text/css"> <!-- .selection {display: none;} #page-1 { display: block;} --> </style>

これだけで稼動します。

href="simplePagination.css"/ と src="jquery.simplePagination.js">というファイルが、download されて、これを利用する分けです。

質問点は、以上の内容を利用して、aaaa.html,bbb.html,ccc.html の各ページへ、class 指定とid指定でページング(一般のページングです）出来ないものでしょうか・・・

以上です。 よろしく願います。

Answer 1

質問点は、以上の内容を利用して、aaaa.html,bbb.html,ccc.html の各ページへ、class 指定とid指定でページング(一般のページングです）出来ないものでしょうか・・・

できません。いや、できるようなWebサーバを書くことも不可能ではないでしょうが、既存のWebサーバの中に、そのようなことができるものはないと思います。

クライアントサイドのJavaScriptでできることは、そのJavaScriptによるスクリプトを含むWebページの「中」で文書を操作することです（付随してサーバと通信することもできますが、通信結果を適用できるのは、ブラウザに読み込まれたWebページの「中」ですね）。

ですから、aaaa.html、bbb.html、ccc.htmlといった各ページへページングするような仕組みをJavaScriptによって実現することはできません。まあ、まったくできないかと言われると、できる方法もないではないですが、そんな手間をかけられるなら、素直に静的なページとしてページングを書いた方が早いです。

Comments

[退会済みユーザー]

おはようございます。　
　　　早速の回答ありがとうございます。　この件は、色々とIDなどをいじり#id などをリンクしてよってきたのですが、成功できなかったのです。
この回答の要趣からすると、基本概念の、「JavaScriptでできることは、そのJavaScriptによるスクリプトを含むWebページの「中」で文書を操作することです・・・」ここにあるわけですね！

　　　　よく分かりました。　PHP　paging などで対応したいと思います。　ありがとうございました。