« 2月 2010 3月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Home > Tags > JavaScript

JavaScript

スポンサードリンク

今頃feed2jsをアップデート

 昨年の2月23日に設置したRSSをサイト上にLIST表示させるJavaScript「feed2js」ですが、設置して以来完全放置で問題なく稼働していたので特に気にも留めていなかったので全く気がつきませんでした。

 どうやらクロスサイトスクリプティングの脆弱性が存在してたためアップデートが公開され設置している人はいいからとっととアップデートしろよ!ってな具合の状態だったようです。しかも昨年の2007年11月20日と、ずいぶん気がつかずに放置しまくっていたなぁ・・・。

急いでアップデートしなければならないのは

  • Feed2JS 1.91 およびそれ以前

と、言うことで私が設置していたバージョンは1.7だったから慌ててアップデートしました。

参考リンク
feed2js
JVN#33218020:Feed2JS におけるクロスサイトスクリプティングの脆弱性
独立行政法人 情報処理推進機構

Feed2JS設置してRSS Feedを表示してみました。

 小粋空間さんのRSS Feed(フィード)を表示するを参考にし、行ってみました。今までもRSS Feedを表示したく色々なツールを使ってきましたが、今回のFeed2JSが一番使いやすいし表示速度も速く性能は良いかもしれません。もちろんSERVERにインストールする方法でやりました。サービス版を使うと少し遅いらしいのでインストール型が良いみたいですね。

 今まで使っていたRSS Feedを表示させるツールはこちらのツールで、結構長年使わさせていただきました。こちらのツールも意外に良く文字コードもUTF-8、EUC-JP、shift-jisを簡単に選べましたし、結構早かった気もしますが、設置してあるサーバーが落ちた場合ソースを貼ってるサイトでは何にも表示されなくなってしまうので、そこがたまにきずでしたね。

 Feed2JSは自分のSERVERにインストールするので落ちるときはいっしょ!なので気にならないし、なんだかんだ言って高速に動いてくれる。さらに小粋空間さんで文字コードの改変方法も記してくださっているので本来日本語はUTF8での表示だけのようですが、EUC-JPもshift-jisも表示できるからこれは優れものです。

 私の使っているここのblogツールSerene Bachはトップページに特定カテゴリーの記事だけを表示させる機能が無く困っていたのでFeed2JSを使うことにより特定カテゴリーの動的出力RSSをトップページに出力できるようになりました。Feed2JSには余計な宣伝広告リンクも貼られないし、表示形態を設定で色々いじくれるのでホント良いですね、これは。

 あと、うちのサイトのトップページはMTで作ってあるのですが、そこにも各コンテンツの更新情報がチェックできるようにしました。

 

Continue reading

サイドメニュー折りたたみ

 またまたカスタマイズで今更な感じはやっぱりあるんですが、サイドメニューの折りたたみを出来るようにカスタマイズしました。

 なんか色々なカスタマイズ調べて導入するのもめんどくさかったので、たまたま持っていたテンプレートからJavaScript移設し、タグ挿入しておしまい。意外に簡単でしたね。FC2で前やったときのJavaScriptとはちょっと違うんですけど、ほとんど一緒です。

 ロリポブログはテンプレ内のhtmlが長くなると最後の方が切れちゃうと言う不具合って言いますか、規制数があるのでJavaScripthは外部ファイルにして行いました。

1,外部ファイルを作り、サーバーに保存する。
これ

2,テンプレートの<head></head>内にリンクを記載する

<script type="text/javascript" src="http://あなたのドメイン/oritatami.js"></script>

3,折りたたみを適用する部分にHTMLを追加して書き込む
私のブログのサイドメニュー構成はこんな感じなので以下のようになる。

<div class="sidefree">
<a href="javascript:void(0);" onClick="showHide(‘000′);" title="CLICK OPEN/CLOSE" /><h3 class="linktitle">■メニュータイトル■</h3></a>
<div class="linktext" align="center" id="000" style="display: block;">
</div>
</div>

上記のようにあかい部分が新たに挿入した部分。どの部分のクリックしたら動くようにするのかを考えて<a href="javascript:void(0);" onClick="showHide(‘000′);" title="CLICK OPEN/CLOSE" />を挿入する(‘000′)の部分はid番号を振る、他に開閉する物とidがかぶらないようにする。このidをクリックしたときにどのぶぶんを開閉させるかを記している部分がid="000" style="display: block;"です。idの部分は同じidになるようにしてください。私の場合は番号を振っていますが、半角英数文字で言葉を入れることも可能です、自分の解りやすい様にし、ほかの開閉部分とidがかぶらないようにしてください。

最初から開いておく場合は
id="000" style="display: block;"
最初から閉じておく場合は
id="000" style="display: none;"
と設定してください。

と、言うことでこのブログのサイドにある緑のメニューバー部分をクリックするとメニューが開閉するようになりました。

Home > Tags > JavaScript

Google
Jリーグ
Feed
メタ情報
Other
Ranking
ブログパーツ
Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Return to page top

back to top