MS Access Tips/Sample and VBA and Blog customize etc...

FC2変数を利用しているスクリプトの外部ファイル化

以前の記事 記事リストにページナビゲーションを追加 で、どんぱんさんがページ移動スクリプト - 空があんなに高い で公開されているページナビゲーションスクリプトを利用させてもらっているのを報告しました。

記事の表示件数 [2]:『映画な日々』 cinema-days
ページ送りナビゲーション - FC2ブログのテンプレート工房
上記のブログでも同じスクリプトを利用されてますが、記事内で『スクリプト内でFC2変数を利用している為、外部ファイル化は出来ない。』と言われています。

確かに外部ファイルからは FC2変数 を参照することは出来ないので、このままでは動作しませんが、ちょっと改良するだけで外部ファイル化することができますので、その方法を紹介します。

難易度:

外部ファイルに記述するコードは下記です。

テンプレートのHTMLのheadブロック内に下記のコードを記述します。

やっていることは実に簡単なことで、テンプレートのHTML内でFC2変数の値を javascriptの変数に代入しておいて、外部ファイルのスクリプトでは、FC2変数をjavascript変数に置き換えているだけです。

外部ファイルの読み込みに関しては、JavaScriptの読み込みを少しでも軽くする を参照ください。

拍手する

10 Comments

いたお says..."素晴らしいアイデアです"

お久しぶりです、hatenaさん。
トラックバックありがとうございました^^

早速記事に追記してこちらからもトラックバックさせていただきました。

これでFC2変数を含んだjavascriptも外部ファイル化できます。素晴らしいアイデアをありがとうございました。
m(__)m

PS
カレンダーによる日別表示の際に日付も表示させたいとリクエストを受けているのですが、hatenaさんがこのブログに実装しているjavascriptの方法がとても良いと思いました。この方法を紹介してもよろしいでしょうか。
御検討よろしくお願い致します m(__)m

2009.09.10 21:29 | URL | #4mk1i2Qo [edit]
hatena says..."日付表示のスクリプトの紹介OKです。"

FC2ブログ用パンくずリスト 親子カテゴリ完全対応版
http://hatenachips.blog34.fc2.com/blog-entry-46.html
で公開しているスクリプトの一部ですので、遠慮せずにご利用ください。

2009.09.11 10:30 | URL | #5uE6dEgY [edit]
いたお says..."ありがとうございます"

お言葉に甘えて記事を掲載しました。
http://10plate.blog44.fc2.com/blog-entry-304.html

また何か参考にさせてもらうことがあるかもしれません。
今後ともよろしくお願い致します m(__)m

2009.09.12 17:16 | URL | #4mk1i2Qo [edit]
Hiro says..."参考にさせて頂きました。"

CM,TB有難う御座いました。
早速、「FC2変数を含んだjavascriptも外部ファイル化」を行いました。
有難う御座いました。
今後も記事を参考にさせて頂きますので宜しくお願い致します。

2009.09.12 17:45 | URL | #27Yb112I [edit]
ササヒロ says..."質問させて頂きたいのですが。。。"

はじめまして。記事を参考にさせて頂きました。「FC2ブログのテンプレート工房」さんの記事と合わせて拝見し、直接書き込みでは動作したのですが、この「外部ファイル化」がどうも上手くいきません。。。
素人な質問で申し訳ないのですが、
<script type="text/javascript" src="http://xxx/pagenavi.js"></script>のような読み込む記述は必要無いのでしょうか?

2010.12.17 16:38 | URL | #z2JIwU5k [edit]
hatena says..."読み込む記述は必要"

ササヒロさん、
> のような読み込む記述は必要無いのでしょうか?

当然必要です。
下記もご参照ください。

http://hatenachips.blog34.fc2.com/blog-entry-167.html

2010.12.17 22:19 | URL | #5uE6dEgY [edit]
ササヒロ says..."ありがとうございます!"

早々のお返事をありがとうございました。
おかげ様で機能させる事が出来ました。
記述までは試したのですが「charset="utf-8"」を見落としておりました。
エンコードとか全く分からないのに色々やろうとしてしまって。。。
助かりました!
勉強しながら「jsファイルをひとつに纏める」もやってみたいと思います。ありがとうございました。

2010.12.17 23:16 | URL | #z2JIwU5k [edit]
ぴぐもん says..."検索で辿って来ました!"

初めまして、検索で辿って来ました。
私もFC2ブログを使用しており
>src="http://xxx/pagenavi.js"
の記述がないことに困惑しておりました。
今あなた様のブログに出会えて感謝しております。
ありがとうございます。

2011.08.09 12:40 | URL | #- [edit]
ななし says...""

教えて頂きたいことがございます。
このページナビの「..」のリンクの数を調節したいのですがどこを弄ればよいでしょうか?
宜しくお願い致します。

2013.06.21 18:43 | URL | #- [edit]
hatena says..."re:「..」のリンクの数"

<script type="text/javascript"><!--
pagenavi(10); //--></script>

というように引数の数字を大きくすると . の数は少なくなります。

2013.06.23 02:46 | URL | #5uE6dEgY [edit]

Leave a reply






該当の記事は見つかりませんでした。