カテゴリー

月別過去記事

みるくぜりー内 検索
Loading

各ページへの直接リンク 修正版

自作テンプレに貼り付けていた修正版直接リンクのスクリプトです。
よそにもにたようなものがあるけれど、FireFoxでは使えなかったみたいなのでとりあえずUP。
今回の修正版では表示する件数を設定できて、
次のページ&前のページの記号をかえれるようにしました。
<!-- BEGIN page -->
<script type="text/javascript">
    //<![CDATA[
    //ページリンクの作成(ページ)
    function page_pagelink(){
        var pagemax = 5;        //最大の表示ページ数
        var nextmark = "→";    //次のページへ使う記号
        var prevmark ="←";        //前のページへ使う記号
        var strhref;
        var prevnum;
        var ed;
        var pagenow = {page_now};
        var pagenum = {page_num};
        var prevurl = '{prev_page_url}';
        var nexturl = '{next_page_url}';

        //前のページへ移動するリンク作成
        if(prevurl!=''){
        document.write("<a href=¥"" + prevurl + "¥">" + prevmark + "</a>");
        }

        //開始ページと終了ページの取得
        for(i=1;i<pagenum;i++){
            ed = pagemax * i
            if(pagenow < ed)break;
        }

        //ページリンクの作成
        for(i = pagemax * (i - 1) ; i < ed ; i++){
            //ページ数を超えたらループを抜ける
            if(i >= pagenum)break;
            strhref = "[" + i + "]";
            //現在のページで無い場合はリンクタグを貼る
            if(i!=pagenow-1){
                strhref ="<a href=¥"javascript:location.pathname = '/?page=" + i + "'¥">" + strhref + "</a>";
            }
            //HTMLに書き出し
            document.write(" " + strhref + " ");
        }

        //次のページへ移動するリンク作成
        if(nexturl!=''){
            document.write("<a href=¥"" + nexturl + "¥">" + nextmark + "</a>");
        }
    }page_pagelink();
    //]]>
</script>
<!-- END page -->

-----------------------------------------
2004/06/17追記
ページリンク部分にスタイルシートを設定するには?
ここではpagelinkというなまえのクラスを設定してスタイルシートの設定を行ないます。
このpagelinkという部分は好きに変更してもらってかまいません。
1.↑上のプログラムを<div class="pagelink">〜</div>で囲みます。
2.テンプレートのCSSに.pagelink{}という記述を増やして、
{}の中に設定したいスタイルシートを書きます。
フォントを小さくしたい場合は「font-size:10px」のように設定します。


コメント
(´∀`*) エヘ
早速いただきましたぁ♪

コレ すっきりしてて
すっごく .。゚+.(゚ー゚)。+.゚ イイ!!
スクリプト頂きました!
素敵です。すてきんぐです。
ラヴーです。キャ。
スクリプトお借りしましたッ。
凄い見易くて嬉しいです〜!
一つ質問させて頂きたいのですが、←(やじるし)部分を画像に変えることは可能なのでしょうか…?その場合、普通に画像のタグを入れるだけでいいのでしょうか?

いつも密かにお世話になってました!これからも期待してますッ。
矢印を画像に変えるとき
「"→"」のところを 「'<画像アド>'」に変更すると
出来たよぉー!

間違ってるのかなぁ?
まおしゃんありがとです〜!
無事成功しましたッ!
コメント&トラバありがとうございます♪
無事に動いているようで一安心(^-^;
#スクリプトUPしたりするとよくミスしてるので…。

To まぉさん
私の居ない間のフォローありがとうございます♪

ちなみに次のページへ使う記号のところで、
「"」を使いたい場合は「¥"」と書けば一応使えます。
結構面倒なので「'」でいいでしょうけど(苦笑)
¥マークにも見えるけど・・・
線が1本 少ないですよね・・・
読み方すら 判らないのですが・・・
「'」でも 不具合とか 起きないですか?
To まぉさん
半角で円マークを書くと1本減るみたいです(^-^;
「'」と書いても特に不具合は無いので大丈夫です。
お借りしました。
ありがとうございました。
とっても、スッキリしました。
使わせていただきます。
便利なTIPSが多くて、毎回新しいのを楽しみにしてます。
スクリプト頂きました。
ありがとうございました。m(__)m
こんばんわ。
こちらのスクリプトお借りしました。

いつも、ありがとうございます〜。
初めまして。
スクリプト使わせていただきました。
見やすいし、とっても気に入っています!
本当にありがとうございます。
はじめまして。
スクリプト使わせて頂きました。
こういう機能があったらいいなと思っていたので
すごく嬉しかったです。ありがとうございました。
はじめまして。
スクリプト使わせていただきました。
ありがとうございました。
あの〜、字をもうすこし小さくしたいのですが、
どうしたらいいのでしょうか?
全く無知ですみません;
  • shima
  • 2004/06/16 11:13 PM
To shimaさん
文字を小さくするための方法を記事に追記しましたので
ご参照ください。
分かりにくければまたコメントください。
ご丁寧にありがとうございました!
無事に設定出来ました。
本当にありがとうございました。
  • shima
  • 2004/06/17 10:43 AM
前からやりたいと思っていたことができました。
ありがとうございました。
こちらのスクリプトもお借りしました。文字サイズをどうカスタマイズしたらいいのかなあと思ってたんですが、ちゃんとCSSでのフォローが書かれてたので助かりましたです!ありがとうございます。
はじめまして。
スクリプト使わせてもらいました。
できたらいいなーと思ってた事ができて嬉しいです。
ありがとうございました。
こんにちわ。
スクリプト使用させてもらってます。
ただ、このスクリプトってMacで動作しますか?
なぜだか、Macだと見れないです。
ちなみに、Windows環境だと見れました。

設置ミスなんでしょうか?
どなたか、ヒントください・・・
  • soe
  • 2004/06/29 4:58 AM
To soeさん
なぜかMacだと動かないようです。
修正前でもだめでした(−−;
色々原因は探っているものの未だ分から無い状態です。
#何より手元にMacが無いのでテストも出来ないのです(泣)

何かしら原因が判明しましたら、また追記しますね。
茅野さん、こんにちわ。

わざわざコメントありがとうございます。
やっぱり、そうだったのですね。
Macで見ることも多々あったので、
気になっちゃって(笑

もし、判明したら追記お願いします(ペコリ)

これからも、ヘンテコな質問しちゃうかもしれませんが、
よろしくです。
  • soe
  • 2004/06/30 3:01 PM
ページ数が増えてどうしよう。。。と思っていた
ところにこのスクリプト!
本当に助かりました、ありがとうございます!
いちいち日にちを押して前のページを見るのに苦労していたので、このスクリプトはとてもうれしかったです。
本当にありがとうございました♪
  • fuyu
  • 2004/07/01 1:20 PM
すみません。是非このスクリプトを設置したくて、HTMLに貼って見たのですが、TOPページには表示されるものの、次のページへ行くと、各ページへのリンク数字の表示がいなくなります。どのページをクリックしても、皆さんの日記では常に指定した箇所にリンク数字が出ていますよね?
prev_page_urlとnext_page_urlには、何か自分のページのURLを入れないといけないのでしょうか?
お手数おかけしますが、よろしくお願いいたします。
  • nao
  • 2004/07/04 11:08 AM
>なぜだか、Macだと見れない

あれっ指摘したことなかったですっけ。
…どうもしてないらしい。

//HTMLに書き出し
document.write(" " + strhref + " ");

この行、最初の " " と + の間が全角スペースなんです。
MacIE ではそれでスクリプトエラーが出ます。
To ふうこさん
うわわ…。思い切りケアレスミスですね(^-^;
修正しておきました。
ありがとうございます〜♪
今日は「ユーザー助け合い掲示板」でもお世話になりました。
まだまだ記事が少なく、ページなんて必要ないのですがつけちゃいました。
ありがとうございます。
また見に来ます!
どもども。。
この度こちらのスクリプトおかりしましたです☆
今までも横目に見ながら設置しようか迷ってましたが…爆

テンプレート新調を期に…って感じっす♪

これからは直接飛びまくります(^▽^
(プチ意味不明…)
始めまして。スクリプトを使用させていただきます…の報告です。これからも色々と参考にさせて頂きたいと思っていますので、よろしくお願いいたします&ありがとうございます(^-^)
初めまして、スクリプトを頂きました。
ありがとうございます。
初めまして!
スクリプト頂ました★
ソースが分かりやすくて素晴らしい!
本当にありがとうございました★
  • NINE
  • 2004/11/20 5:16 PM
初めまして。
ちょっと自分のブログ、各ページへのリンク機能を強化したいなぁ、と思って調べていたら、こちらのサイトを発見しました。
かなりシンプルで良いですね。
早速使わせていただきました。
また、何か便利を使わせていただくかも。
そのときはよろしくお願いします〜。
  • 馬数翔
  • 2004/11/29 5:04 AM
はじめまして。
スクリプトとても便利なのでお借りしました。
ありがとうございました。
始めまして<(_ _)>
とても判りやすく助かりました!
本当に有難うございました!
  • まりも
  • 2005/12/29 9:36 AM
コメントする








   
この記事のトラックバックURL
トラックバック
 ずっとJUGEMを使っていて思っていたことがひとつ。  機能としてはほとんど不満が無かったのですが、たったひとつだけ気になることが。  古い記事の検索がとにかくやりづらい!  確かにカテゴリ検索とか文字検索とかが付いているので、それを使えば良いのかもし
  • 馬数翔のDairyTimes
  • 2004/11/29 5:00 AM
JUGEMに移行して困ったこと。 そりは過去のページに戻るのが大変なこと[:悲しい:] 探してたらありましたよ♪ みるくぜりーさんのところにイイモノが[:ときめき:] 早速スプリクトをお借りしましたyo。 やっぱ、便利〜〜〜〜! いいねぇ♪ mittya@そ
  • 155@eye
  • 2004/08/22 1:20 AM
じゅげむ使われてる方は、既にご存知だと思いますが。。 『みるくぜりー』さんの『各ページへの直接リンク』お借りしました♪ 今まで(ひいろんBLOG)は &lt;!-- BEGIN page --&gt; &lt;div class=&quot;page_link&quot;&gt; {prev_
  • H−FACTORY
  • 2004/07/31 2:42 PM
ヤァヤァヤァ。やたらとテンプレいじってる俺様、やたらと眠いんですがまだ死んでないのはなぜ?はよ寝ろっての。明日レッスンだろ英日。鬱病がテーマなんだろ、わかんねえとこ一杯あるんだろ、サッサと何とかしろよヴァーカ、とかブツブツ心で叫びつつ)\'Д\'( テ
  • ghostdancer
  • 2004/06/25 1:12 AM
う〜ん、見えないよ〜(泣) みるくゼリーの茅乃さんが公開してくれた、 JavaScriptを使ってみたのですが、 上手く、反映出来ない気が・・・ マジで、WEB能力値がダウンしまくってますわ。 理解能力も下がってきてるなぁ〜(笑) Windows2000のFireFox0.8で
  • ハーフボイルドペーパー
  • 2004/06/22 1:15 PM
今回このページを作るのに、 編集ページをリンクするスプリクト 各ページへの直接リンク カテゴリーアイコン ナビゲーションの折り畳み をお借りしました。多謝
  • Verdure
  • 2004/06/11 2:21 PM
ちょっとずつ、またblogをいじってます。 まずは、今までプルダウンだった過去ログへのリンクを、変えてみました。 スクリプトはみるくぜりーさんから頂きました。 おかげさまでとっても便利になりました! 番号が大きくなる程昔の記事です。 どうぞ、ご活用くださ
  • Orange Days
  • 2004/06/09 11:27 PM
ページ指定のスクリプトをいただきました。 みるくぜりーさま http://kayano.jugem.cc/?eid=63 プルダウンのをさがしていたはずだったんだけど、 見つけることができず・・ こちらをお借りしてみたら、なんだかしっくりきてるじゃないですか〜♪ らっき〜☆
  • DANCE DANCE DANCE
  • 2004/06/01 1:51 PM
みるくぜりーさんのところで“各ページへの直接リンク”のスクリプトをお借りしました。 今まで少し前の記事見るときすごい不便で、こういうの欲しいなあと思ってたのですごいたすかりました。便利ですよー。 ありがとうございました!
  • サクサクら
  • 2004/06/01 1:37 AM
みるくぜりーさま宅にて。 ページ毎の 直リンクスクリプトを頂きました。 詳細は→コチラ これはいいなぁ。 今まで なーんにもしてなかったsakanaには大助かり。 感謝ですぅ。ラヴー。
  • Fly Fish
  • 2004/05/14 10:19 AM
茅乃さんの \"各ページへの直接リンク 修正版\" 早速 いただきましたっ♪ (´∀`*) プルダウンもよかったんだけど エントリの数が増えると エライ長くて・・・ (ノ゚ω゚)ノ え?! どこにあるか? って??? 記事のずぅーーーーっと下! 一番下
  • ++PEEK-A-BOO++
  • 2004/05/14 1:36 AM