簡易Ajax RSS Readerβ

クライアント側でAjax、サーバー側でPHPを利用した、簡易RSSリーダーです。

RSSのURL・名前を保存でき、保存をパスワードで制限できます。

保存したRSSはリストに表示され、そのリストから見たいRSSを選択するとそのRSSが読み込まれ表示されます。

データ

• サンプル


• ダウンロード

仕様

XHTML1 Transitional

PHP4.0,5.0で動作（RSS処理用のPHPライブラリを利用）

JavaScript（prototype.jsを利用）

動作環境：Firefox1.5～、IE6～

※ローカルで利用する場合はXAMPP等が必要です。

マニュアル

上のダウンロードからダウンロードして、zipファイルを解凍してください。

以下のファイルが格納されています。

ファイル構成

• root
  
  
  
  • index.html
  
  
  • rss
    
    
    
    • img
    
    
    • data.txt
    
    
    • rss.php
    
    
    • rsslist.css
    
    
    • rssinput.php
    
    
    
    
  
  
  • js
    
    
    
    • rss.js
    
    
    
    
  
  
  • css
    
    
    
    • rss.css
    
    
    
    
  
  
  
  

設定の変更

rssinput.phpの3行目の下記部分「admin」を任意のパスワードに変更します。

$UserPass = "admin"; //ユーザーパス

※このパスワードは新規にRSSを登録する際利用します。

アップロード

カスタマイズしないで利用する場合はこれでサーバーにアップロードしてください。

index.htmlを開けばそのまま利用できます。

カスタマイズしたい場合はHTMLに記述されているソースコードを元に利用してください。

注意

自由に改変・していただいて構いませんが、改変を行った場合はソースを公開していただき、このページへリンクしてください。

このプログラム内で利用されているライブラリの利用条件は、各ライブラリ公開元を参照してください。

CSSの指定に関して

デザインを変更する際は、以下のIDとCLASSを元にCSSを変更してください。

任意のIDやCLASSに変更しますと、プログラムが利用できない場合があります。

デフォルトのrss.cssに関して

デフォルトのCSSは以下になります。

デザインを保つため、Yahoo UIやclearfixを使っています。

他のCSSと一緒に利用してデザインがおかしくなってしまう場合、各CSSを調整してください。

/* YUI CSS */

html{color:#000;background:#fff;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* clearfix */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix { display: inline-table; min-height: 1%;}

/* Hides from IE-mac \*/

* html .clearfix { height:1%;}

.clearfix { display: block;}

/* rss */

#RssBox { width:570px;}

.RssItems1 { padding:5px; border-bottom:1px dashed #222; font-size:90%;}

.RssItems2 { padding:5px;border-bottom:1px dashed #222; font-size:90%;}

.RSSTitle { margin:0 0 5px 0;}

.RSSDesc { margin:0 0 5px 0;}

.RssItems1 a,

.RssItems2 a { text-decoration:none;}

#RssHeader { height:20px; padding:5px; overflow:hidden; background:url(../rss/img/rss_bg.gif) no-repeat;}

#RssListBox { margin:0 0 0 auto; width:185px; height:20px;}

#RssNow { float:left; width:165px; height:16px; padding:2px 2px 2px 3px; background:url(../rss/img/rss_list_bg.gif) no-repeat; overflow:hidden; color:#fff;}

#RssChengeBt { float:right; width:15px;}

#RssLists { float:left; position:absolute; width:168px; background-color:#333; border:1px solid #111;}

#RssLists li { padding:3px; border-bottom:1px dashed #111; font-size:90%;}

#RssLists li a,

#RssLists li a:hover { text-decoration:none; color:#fff;}

#RssNewData { float:left; width:370px;}

#RssNewData input { background-color:#000; padding:1px; font-size:90%; color:#fff; border:1px solid #666;}

#RssNewDataUrl { width:150px;}

#RssNewDataName { width:90px;}

#RssNewDataPass { width:50px;}

#RssSubmit img { vertical-align:top;}

#RSSAlert { padding:10px; margin:10px; border: 3px dashed #aa0000; text-align:center; color:#aa0000;}

#RSSContents { padding:10px;}