質問 > フロント機能 > 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のバージョンの問題?? |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |