hatena chips

こんばんは、とても素敵なプラグインをありがとうございます。
是非使わせていただきたいです。
ところで、
<nav id="pagenavi"><nav>
の部分の末尾は<nav>でなく</nav>でよろしいのでしょうか？
素人なのでなにぶん良くわからず申し訳ないです

> ところで、
> <nav id="pagenavi"><nav>
> の部分の末尾は<nav>でなく</nav>でよろしいのでしょうか？

ミスですので、さっそく修正しました。
ご指摘ありがとうございました。

とても美しく素晴らしいモノを作って頂きましてとても喜んでいたのですが
今日、検索結果がゼロの表示がおかしいのに気が付きましてご報告致します
その他にも、要するに表示ページがゼロの時にscriptがむき出しに表示されて見苦しいことになってるのであります

もちろん私には直すことが出来ないのでこうやってご報告申し上げ
対処して頂けたら嬉しいなあと思いこうして書き込みさせて頂きました


どうぞよろしくお願い致します

> とても美しく素晴らしいモノを作って頂きましてとても喜んでいたのですが
> 今日、検索結果がゼロの表示がおかしいのに気が付きましてご報告致します
> その他にも、要するに表示ページがゼロの時にscriptがむき出しに表示されて見苦しいことになってるのであります

表示するページがない場合（検索件数が0のときなど）は、何も表示しない設定になっています。また、正しく設置されてれば script が見えてしまうということもないはずです。

このブログや他に設置していただいているブログでもそのような不具合は出ていません。

正しく設置できてないのだと思われます。実際に不具合が出ているページを見ないと原因を指摘するのは難しいです。

差し支えなければ、不具合の出ているページのURLを提示してもらえませんか。

お返事ありがとうございます
なるほど、私の方に問題があったのですね
大変良く理解出来ました　お騒がせしてごめんなさい

また、不具合のあるページはアダルトなもので、そんなものを見て頂く度胸は私にはありません

それで今日も自分で何とかしようと一旦scriptを消去して入れ直しましたらば、今度は動かなくなっていまドツボにハマってます

思い当たることは以下の様なscriptを書いてトップページ部分に記述したことです
<script>
$( function() {
var AC = <!--archive-->+<%archive_count><!--/archive-->;
var x = Math.ceil(AC / 15);
$( '#CountPages' ) . text( 'ただいま総記事数 ' + AC + '件、一覧ページにして' + x + 'ページあるタコ') ;
} );
</script>
これを↓に出力してます
<div style="font-size:18px" id="CountPages"></div>

jqueryはひと月前にインストールしたものでまだ最新のモノだと思います
スクリプトがコンフリクトしてるのか、またFC2に意地悪されてるのか、私の知識では何も分かりません

質問が変わって我ながら図々しいとは思いますが、何か、今まで動いていたスクリプトを入れ直した途端に動かなくなる原因で
思い当たる様なことがございましたら、一言でも頂ければうれしいです

図々しい上に長文になりましたこと　お許し下さい
失礼します

こんにちは。
プラグイン自体は前から知っていましたが、
今頃実装てみました。とてもいいですね！

少し気になるのが、例えば第2引数を’７’にした場合、
全8ページの４ページ目を表示すると、
①…③④⑤…⑧となり②が表示されないようです。
５ページ目だと⑦が…になります。
個人的には…が1つしかない場合はページ表示したいです。

仕様通りだと思いますが、変更される予定はありますか？
ないようなら頑張ってみようかと思います。

> 思い当たることは以下の様なscriptを書いてトップページ部分に記述したことです

コードを見る限りは関係なさそうです。

> jqueryはひと月前にインストールしたものでまだ最新のモノだと思います

jQuery はこのスクリプトで使用していないので、関係ないです。

> 思い当たる様なことがございましたら、一言でも頂ければうれしいです

<script type="text/javascript"> </script> で囲まれている部分は、現在のブラウザなら表示されることはないはずです。

HTML の最後の </body> の直前に、この記事のスクリプトをコピーして貼り付ける。

ページネーションを表示したい場所に、下記のタグを記述する。

<nav id="pagenavi"></nav>

これで表示されるはずです。それでだめなら、実際のページを見ないと思い当たることはないですね。

> 仕様通りだと思いますが、変更される予定はありますか？

気になるといえば気になりますが、
逆にご希望の仕様にすると左右非対称になるので
それが気になるともいえます。

> ないようなら頑張ってみようかと思います。

とりあえず自分のコードを見直してみましたが、
もう既に忘れていてコードを解読できません。
もう一度コードを解析して、変更して、動作確認すると
なると結構な時間がかかりそうで、
それを押して変更するというモチベーションはちょっと
現状でないですね。

syumatuさんが頑張ってできたなら、
こちらに公開されていだだけるとうれしいですヽ(=´▽`=)ﾉ

> 現状でないですね。
了解しました。

Javascript初心者なので公開などは出来ませんｗ

ざっと見た感じ、
if (s > 2) pn += '＜a href="' + base + (t= Math.ceil(s / 2)) + ext + '" title="' + t + '" class="dot">…</a＞';
挿入場所は固定のはずなので
ここともう一か所に手を入れると動きそうかな？
と思ってますが、とりあえず頑張ってみます！

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

URLを記載したコメントは削除させていただきました。

URLは保存してありますので、コードを見て原因が分かればコメントしますのでしばらくお待ち下さい。

顔から火が噴きそうなくらい恥ずかしいことをやってしまいました
でもまだ見て頂いて無い様で慌てて今言訳じゃない謝罪文を書いてます
何言ってるか分かりませんが、昨日指摘されたそのscriptタグで囲ってあれば漏れ出すことは無いと書かれていたことがドンピシャの大当たりで、何がどうしてどうなったのやら、使わせて頂いてるスクリプトの最初の<script>タグが゛抜けておりました
わたしは間抜けです　取り敢えず取り急ぎこれ以上迷惑をかけない様に解決しましたと言うことをご報告致します
お騒がせしたことをお詫び致します
そしてわたしの晒した恥ずかしのURLの削除をよろしくお願い致します
出来たらもう私丸ごと削除して頂きたいと思います
それから最初に質問させて頂いた不具合も見事に治ってます
阿呆ですわたしは穴があったら入りたいです
本当にお騒がせしました　ごめんなさい　失礼します

URLのHTMLコードを見てみました。スクリプトの前の <script type="text/javascript"> タグがありませんでした。

で、確認してみたら、記事内の「スクリプト圧縮済みのコード」もタグが抜けていました。今、修正しておきましたので、もう一度コピーし直して、現在のものに上書きしてください。

あるいは、FC2のプラグイン設定からダウンロードしたものを使用してください。

すれ違いで解決していたのですね。
URLのコメントは削除しておきました。

このページに記載してあったコード自体が間違っていたのが原因だと思いますので、ご迷惑をおかけしたのをお詫びします。

仕様変更のコード拝見させていだ抱きました。ありがとうございました。
公開したくないということだったのでコメントは削除しておきました。

削除した湖面でご指摘の件について

> １．…(dot)hover時の表示番号と選択時のページ番号が違う
>　FC2ブログのプラグインも同じ動作でした。

あっ、そうですね。ご指摘ありがとうございます。

１ページ目がURLでは page-0.html なので、一つずれるというのを失念していたようです。
修正しておきます。


> ２．変数 t が未宣言？

確かにvar宣言してないですね。グローバル変数になってしまいますのでしておいたほうがいいですね。
これを記事のコードを修正しておきます。

ご指摘ありがとうございました。自分ではなかなか気づかないことでした。

syumatuさんが書いていた事が気になり、改造してみました。
以下の件です。

> 少し気になるのが、例えば第2引数を’７’にした場合、
> 全8ページの４ページ目を表示すると、
> ①…③④⑤…⑧となり②が表示されないようです。
> ５ページ目だと⑦が…になります。
> 個人的には…が1つしかない場合はページ表示したいです。

（^q^）ヴぁー
↑こんな顔をしながら、3時間ぐらい格闘したので投稿しておきます。


【カレントページ以前のナビ】(28行目辺り)
} else if (c <= w / 2 + 2) {
この条件部分で、1～現在のページ番号までを判定しています。

【カレントページ以降のナビ】(31行目辺り)
} else if(c > n - (w / 2) - 1){
この条件部分で、現在のページ番号～最終ページまでを判定しています。

【ページネーション文字列作成】(36行目辺り)、(44行目辺り)
if (s > 2) pn += '<a href="' + base + ((t= Math.ceil(s / 2))-1) + ext + '" title="' + t + '" class="dot">…</a>';
前半部分、最初の1ページ側の「…」を作る部分。

if (e < n - 1) pn += '<a href="' + base + ((t = Math.ceil((e + n) / 2))-1) + ext + '" title="' + t + '" class="dot">…</a>';
後半部分、最後のページ側の「…」を作る部分。


変更したのは、以下の4箇所です。
いずれも1つ数字を増やすだけです。

【カレントページ以前のナビ】(28行目辺り)
} else if (c <= w / 2 + 2) {
　　　　　　　　　　　↓
} else if (c <= w / 2 + 3) {

【カレントページ以降のナビ】(31行目辺り)
} else if(c > n - (w / 2) - 1){
　　　　　　　　　　　↓
} else if(c > n - (w / 2) - 2){

【ページネーション文字列作成】(36行目辺り)、(44行目辺り)
if (s > 2) pn += '<a href="' + base + (……(以下略)
　　　↓
if (s > 3) pn += '<a href="' + base + (……(以下略)

if (e < n - 1) pn += '<a href="' + base + (……(以下略)
　　　↓
if (e < n - 2) pn += '<a href="' + base + (……(以下略)


「…」にするタイミングを一つ遅らせて(36行目辺り)、(44行目辺り)、
省略されていた数字を一つ表示させるようにした(28行目辺り)、(31行目辺り)改造になります。
参考にどうぞ。

一通り簡単なテストをしても問題はありませんでした。
しかし見落としはあるかもしれません。
この改造に関しては、hatenaさんの自由にして貰って構いません(ブログネタとか)。
便利なものを作っていただき、ありがとうございました。

ご報告と、同じように困っているかもしれない人のための投稿でした。
長文、失礼しました。


おまけ。
「ページネーション サンプル」ページに最新のコードが反映されていないようです。
var t が未宣言のままです。
((t= Math.ceil(s / 2))-1)など、…(dot)hover時の表示番号と選択時のページ番号が違う件。
-1されていませんでした。
大した影響はないと思いますが、一応……。

返事、遅くてすみません。

> （^q^）ヴぁー
> ↑こんな顔をしながら、3時間ぐらい格闘したので投稿しておきます。

お疲れ様です。自分で書いたコードでも今解読しようとすると難しいのに、他人の書いたコードを解読して改修は大変でしたね。

時間ができたら、ブログの記事に追記させていただきます。
サンプルページのご指摘もありがとうございました。

はじめまして、私は、独学の素人で、FC2で共有テンプレートの作成を始めた者です。

紆余曲折がありまして、現在は、自動ファビコンは認められないということで、不承認にされておりますが、再申請を目指しております。
詳細は、拙ブログに記しております。

最初に許可をいただくべきだったと、後悔しておりますが、これまでに配布したものが、１００件くらいありまして、そこでは、こちらのページネーションを、参照元のURLつきで埋め込ませていただいておりました。
がやはり、正式に許可をいただくべきだと思い、再申請の前に、許可をいただきたいと思って、こちらにおたずねしました次第です。

最近は、Yahooからの移行者さんが多いので、そういう方々向けに、好まれそうなデザインを、提供したいと思って、作成をしてみたのですが、私は、プロになるつもりは、まったくなく、共有テンプレートを配布することによる自分の利益というものは、ありません。

どうか、許可をいただけますように、お願いいたします。
また、こちら様のクレジットの入れ方などについても、条件があれば、お教えください。
よろしくお願いいたします。

共有プラグインとして公開しているものですので、どうぞご自由にお使いください。
このページへのURLを埋め込んでいただければうれしいですが、別になくても問題ないです。

ありがとうございます。
こちらのページのURLは、もともとHTMLのコメントアウトで、埋め込ませていただいておりました。
以下の画像のような感じにしておりました。
https://blog-imgs-111-origin.fc2.com/j/a/n/janedoe1471/pagarcounts.png
再申請の際にも、URLは、埋め込ませていただきます。
自分でjsが書けないもので、大変助かりました。

ページネーション、とても重宝しています。

質問なのですが、1つのページに二つのページネーションを実装したい場合、どのようにしたらよいのでしょうか。
例えば、月単位で表示した場合、上部目次にひとつ
目次の下に記事の要約を10件並べ、その下ににひとつ
のようにページネーションを2か所に表示させたいのです。

ご教授お願いします。

スクリプトの
document.getElementById(o).innerHTML = pn;
を下記に変更します。

var els = document.getElementsByClassName(o)
els[0].innerHTML = pn;
els[1].innerHTML = pn;

テンプレートのHTMLのページネーションを表示したい場所に下記のコードを設置します。

<nav class="pagenavi"></nav>

以上です。

お返事遅くなってしまってごめんなさい。
無事2つ設置出来ました。ありがとうございます。
2つのページナビそれぞれに違うスタイルを適用するのは難しいですか？

ページネーションのタグにそれぞれidを付加して、それにスタイルを適用させればいいでしょう。

<nav id="navi1" class="pagenavi"></nav>

<nav id="navi2" class="pagenavi"></nav>

CSS
#navi1 {
・・・
}

#navi2 {
・・・
}

document.write使っていないスクリプトをしばらく前から探しておりました！
また、classへ書き換えれば2つ以上設置可能の情報も助かります。
ありがたく使わせていただきます。

利用させていただきました。
カスタムしやすく非常に助かりました。