teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

rssのurlを入力しました。

2017/01/15 18:49

投稿

asako-
asako-

スコア21

title CHANGED
File without changes
body CHANGED
@@ -5,13 +5,13 @@
5
5
  尚、今回表示できず困っているブログは、jugemです。
6
6
  調べてみましたが、jugemではRSS 1.0しか無いようだったのですが、読み込む方法はありますでしょうか?
7
7
 
8
- ※http://xxx.jugem.jp/?mode=rss, http://xxx.jugem.jp/?mode=atom の両方を試してみましたが無理でした。
8
+ ※http://info.jugem.jp/?mode=rss, http://info.jugem.jp/?mode=atom の両方を試してみましたが無理でした。
9
9
 
10
10
  ---
11
11
  ↓ rss.php - 外部ドメインのRSSを取得するための、受け皿となるPHPファイル
12
12
  ```php
13
13
  <?php
14
- $url = "http://xxx.jugem.jp/?mode=rss";
14
+ $url = "http://info.jugem.jp/?mode=rss";
15
15
  $xml = file_get_contents($url);
16
16
  header("Content-type: application/xml; charset=UTF-8");
17
17
  print $xml;

1

コードを追加しました。

2017/01/15 18:49

投稿

asako-
asako-

スコア21

title CHANGED
File without changes
body CHANGED
@@ -5,17 +5,30 @@
5
5
  尚、今回表示できず困っているブログは、jugemです。
6
6
  調べてみましたが、jugemではRSS 1.0しか無いようだったのですが、読み込む方法はありますでしょうか?
7
7
 
8
+ ※http://xxx.jugem.jp/?mode=rss, http://xxx.jugem.jp/?mode=atom の両方を試してみましたが無理でした。
8
9
 
10
+ ---
11
+ ↓ rss.php - 外部ドメインのRSSを取得するための、受け皿となるPHPファイル
9
- ```ここに言語を入力
12
+ ```php
10
13
  <?php
11
- $url = "http://example.com/feed";
14
+ $url = "http://xxx.jugem.jp/?mode=rss";
12
15
  $xml = file_get_contents($url);
13
16
  header("Content-type: application/xml; charset=UTF-8");
14
17
  print $xml;
15
18
  ?>
16
19
  ```
20
+
21
+ ↓ jquery.rss.js - XMLの情報を処理するスクリプトファイル
17
- ```ここに言語を入力
22
+ ```javascript
18
23
  $(function() {
24
+ function formatDt(dt_string) {
25
+ var dt = new Date(dt_string);
26
+ var y = dt.getFullYear();
27
+ var m = ('00' + (dt.getMonth() + 1)).slice(-2);
28
+ var d = ('00' + dt.getDate()).slice(-2);
29
+ return y + '.' + m + '.' + d;
30
+ }
31
+
19
32
  $.ajax({
20
33
  url: 'rss.php',
21
34
  xmlType: 'xml',
@@ -41,12 +54,31 @@
41
54
  // end item 成形
42
55
  output.wrapInner('<ul></ul>');
43
56
  for (i in data) {
44
- output.find('ul').append('<li><a href="' + data[i].link.text + '">' + data[i].title.text + '</a>' + data[i].description.text + '</li>');
57
+ output.find('ul').append('<li><div class="postDate">' + formatDt(data[i].pubDate.text) + '</div><p class="postTitle"><a href="' + data[i].link.text + '" target="_blank">' + data[i].title.text + '</a></p></li>');
45
58
  // console.log (data[i]);
46
59
  }
47
60
  }
48
61
  });
49
62
  });
50
63
  ```
64
+ ↓ HTMLファイル head内の記述
65
+ ```HTML
66
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
67
+ <script src="js/jquery.rss.js"></script>
51
68
 
69
+ ```
70
+ ↓ HTMLファイル body内の記述
71
+ ```HTML
72
+ <div id="rss"></div>
73
+ ```
74
+
75
+ ↓ ファイルの構造
76
+ ```ここに言語を入力
77
+ http://xxx.com
78
+ ├ index.html
79
+ ├ rss.php
80
+ ├ js
81
+ ├ jquery.rss.js
82
+
83
+ ```
52
84
  同じ様な質問ばかりして申し訳ありません。どうぞよろしくお願いいたします。