- ベストアンサー
サイトの最新記事へのリンクを作りたい
サイトの最新記事へのリンクを作りたい 特定のサイトの最新記事へのリンクを作りたいのですが、 どうすればいいのでしょうか。RSSリーダーは使いたくないです。 例えば"〇〇の最新記事"と言う名前のリンクでアクセスすると、 そのサイトの最新記事に飛べると言う感じです。
- sutoriti81
- お礼率87% (92/105)
- HTML
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
yyr446です。お役に立ちませんでどうも。 PHPはいっさい使っていません。JAVASCRIPTがOFFだと動作しません。 Google AJAX Feed APIのアカウントは特に不要です。 Google AJAX FEED API でサポートされるフィード形式は、 http://code.google.com/intl/ja/apis/ajaxfeeds/documentation/#SupportedFormats です。これ以外の物だとうまくいかないでしょう。 FC2のブログだとうまくいきました。（ここはたいがい何でも出来る） 後は、環境がわからないので、なんとも言えません。
その他の回答 (4)
- yyr446
- ベストアンサー率65% (870/1330)
No2です。リンク先の最新記事を動的に書き換えるだけなら、 さきほどのサンプルをもっと簡略化して、document.writeもやめて DOMのjavascript操作に直した。多少わかりやすくなったはず。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>OK Wave HTML質問新着情報</title> <script type="text/javascript" charset="utf-8"> <!-- function _handleJson(json){ if ( json.responseStatus != 200 ) return; var e = json.responseData.feed.entries; location.href=e[0].link; } function newlink(feed_Url){ var api_Url='http://ajax.googleapis.com/ajax/services/feed/load?callback=_handleJson&v=1.0&output=json&num=6&q='; var ApiScript=document.createElement("script"); ApiScript.setAttribute("type","text/javascript"); ApiScript.setAttribute("charset","utf-8"); ApiScript.setAttribute("src",api_Url + encodeURIComponent(feed_Url)); document.getElementsByTagName("head")[0].appendChild(ApiScript); } // --> </script> </head> <body> <h3>OK Wave HTML質問新着情報へリンクする</h3> <a id="sinchakulink" href="javascript:newlink('http://oshiete1.goo.ne.jp/rss.php?c=252')">OK Wave HTML新着質問へのリンク</a> </body> </html>
お礼
なんども投稿ありがとうございます。HTMLじゃ無理ですか。 しかし自分には少し難しいですね… PHPはバージョンと設定解説が同じところが見つからないのでよくわからないです。 Google AJAX Feed APIのアカウントはとりました。 上のサンプルをブログの記事に書いてプレビューしてみたのですが、 リンクは作成されてもアクセスする事が出来無いです。
- yyr446
- ベストアンサー率65% (870/1330)
例えば、Google AJAX Feed APIを使って、ここ（HTMLカテゴリーの質問）の 最新5件をこのページのRSSよりJSONで取得して書き出すjavascriptは こんな感じです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>OK Wave HTML質問 新着情報</title> <script type="text/javascript" charset="utf-8"> <!-- function _handleJson(json){ if ( json.responseStatus != 200 ) return; var i, d, t = '<ul>', e = json.responseData.feed.entries; for ( i = 0; i < e.length; i++ ) { d = new Date(e[i].publishedDate); t += '<li>' + '<a href="' + e[i].link + '">' + e[i].title + '</a> ' + d.getFullYear() + '/' + d.getMonth() + 1 + '/'+d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + '</li>'; } document.write( t + '</ul>' ); } // --> </script> <body> <h3>OK Wave HTML質問新着（5件）</h3> <script> (function(){ var feed_Url = 'http://oshiete1.goo.ne.jp/rss.php?c=252'; var api_Url = 'http://ajax.googleapis.com/ajax/services/feed/load?callback=_handleJson&v=1.0&output=json&num=6&q='; q=document.write( '<sc' + 'ript type="text/javascript" src="' + api_Url + encodeURIComponent(feed_Url) + '"></sc' + 'ript>'); })(); </script> </body> </html>
- yyr446
- ベストアンサー率65% (870/1330)
HTMLだけじゃ無理でしょう。 －その特定サイトが最新記事のフィードを配信（RSS）しているなら、 フィード要求のURIでもって、feed(XML)を読み込んでそのまま出力する プログラムを自サイト内にcgiやPHPで作っておいて、JAVASCRIPTでその プログラムとAJAX通信してXMLを取り込み、XMLの中身からリンク先とタ イトルを基にDOM要素（<A>タグ）を生成または更新する。 PHP等が無理なら、YAHOOやGOOGLEが提供するjavascriptのFEED取得APIを 利用して、同じようにAJAXで次ページを更新すればよいかと。 http://code.google.com/intl/ja/apis/ajaxfeeds/ http://pipes.yahoo.com/poolmmjp/feed_api
- draft4
- ベストアンサー率21% (1275/6017)
<a href="サイトの最新記事のＵＲＬ">○○の最新記事</a>
補足
ああすみません忘れてました。 自動的にリンク先を最新の物にして欲しいです。
お礼
PC的な環境は問題ないですけど、知力的な環境がどうも・・・^^; もう少し調べてまた試してみようと思います。 なんどもありがとうございました。