バージョン選択

フォーラム

メニュー

オンライン状況

68 人のユーザが現在オンラインです。 (56 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 68
もっと...

サイト内検索

質問 > フロント機能 > jQueryのjFeedを使ってRSSを読み込みたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
apojika
投稿日時: 2011/3/31 8:56
対応状況: −−−
新米
登録日: 2010/1/14
居住地: 滋賀
投稿: 8
jQueryのjFeedを使ってRSSを読み込みたい
jQueryの【jFeed】をつかってブログのRSSをEC-CUBEの新規ブロックへ表示させたいのですがどうもうまくいきません。
かれこれ1日格闘しています。どなたか教えていただけないでしょうか?

◇こちらのサイトを参考に設置しました。
 http://ameblo.jp/fumitane/entry-10438841783.html

1.user_data/packages/default/js/ へ「proxy.php」・「jquery.jfeed.pack.js」アップ
2.proxy.phpにRSSのアドレスを記入
  $handle = fopen('
http://xxxxx.shiga-saku.net/index_c29203.xml', "r");
3.EC-CUBE管理画面>デザイン管理>新規ブロック作成
<script type="text/javascript" src="<!--{$TPL_DIR}-->js/jquery.js"></script>
<script type="text/javascript" src="<!--{$TPL_DIR}-->js/jquery.jfeed.pack.js"></script>
<script type="text/javascript">
<!--
jQuery(function() {
// jQuery('#RSS_news').append('<h5>' + '<ahref="' + feed.link + '">' + feed.title + '</a>' +'</h5>'); //ブログのタイトルを入れたい場合
jQuery.getFeed({ url: '<!--{$TPL_DIR}-->js/proxy.php', success: function(feed) {
var html = '';
for(var i = 0; i < feed.items.length && i < 4; i++) {
var item = feed.items[i];
html += '<div class="updated">' + dateChanger(item.updated) + '</div>'; //更新時間
html += '<div class="title">' + '<a href="' + item.link + '">' + item.title + '<\/a><\/div>'; //記事タイトル
//html += item.description; //記事の内容を出した場合はコメンツアウトはずして入れる
}
jQuery('#RSS_news').append(html);
}
});
//表示変換
var dateChanger = function(str){
var mydate = new Date(str);
yy = mydate.getFullYear();
mm = mydate.getMonth() + 1;
dd = mydate.getDate();
if (mm < 10) { mm = "0" + mm; }
if (dd < 10) { dd = "0" + dd; }
datestr = yy + "年" + mm + "月" + dd + "日";
return datestr;
};
});
-->
</script>
<div id="RSS_news"></div>

4.CSSを追加 (指示通りにそのまま追記)
#RSS_news {width: 200px; padding: 3px; font-size:11px;}
#RSS_news h5 { margin-bottom: 5px; }
#RSS_news .updated { color: #999; font-size: 8px; margin-top:5px; }
#RSS_news .title { color: #000; font-size: 11px; /font-size:10px; margin-bottom:5px;}
#RSS_news a {color: #fff; text-decoration: none;}
#RSS_news a:link, a:visited{color: #fff; text-decoration: none;}
#RSS_news a:hover{color: #ff0000; text-decoration: none;}
#RSS_news a:active{color: #ff0000; text-decoration: none;}

現在ここまで設定しましたが、何も表示されません。
設定方法間違っているでしょうか?
ご教授ください。
apojika
投稿日時: 2011/3/31 13:51
対応状況: 解決済
新米
登録日: 2010/1/14
居住地: 滋賀
投稿: 8
Re: jQueryのjFeedを使ってRSSを読み込みたい
自己解決できました。
jQueryをダウンロードしなおしてアップロードしたら無事動きました。
jQueryのバージョンの問題??
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,306名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.