Google AJAX Feed APIのRSS出力結果がうまくいかず困っています。

このQ&Aのポイント
  • Google AJAX Feed APIのRSS出力結果がうまくいかず困っています。
  • ブログタイトル(日付)*空白*ブログタイトル(日付)の表示に問題があります。
  • 空白の部分にリンクが作られてしまい、リンクさせない方法を知りたいです。
回答を見る
  • ベストアンサー

Google AJAX Feed APIのRSS出力結果がうまくいかず

Google AJAX Feed APIのRSS出力結果がうまくいかず困っています。 このように横一列に出力したいのですが、 ブログタイトル(日付)*空白*ブログタイトル(日付) 空白(スペース)の部分にもリンクが作られてしまいます (空白の部分にリンク表示としてアンダーバーが表示される) ソース的には下記になります a.appendChild(document.createTextNode("空白" + entry.title + " (" + date.toLocaleDateString() + ")" + "空白" )); どのようにすれば、空白の部分をリンクさせなくできるのでしょうか? よろしくお願いします

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

<a href="~">(空白)ブログタイトル(日付)</a> と、なる現状が嫌なら (空白)<a href="~">ブログタイトル(日付)</a> に、なるようにすればいいかと思いますよ。 具体的には・・・具体的なコード(前後やHTML)がわからないのでパス。 どこかのサンプルコードを参考にしているならそのどこかのURLとかがあると具体的な回答が付くかも。

pm111pm
質問者

お礼

アドバイスありがとうございました リンクタグの外へ空白を入れられるようにコードを変更したら、希望通りの表示になりました

関連するQ&A

  • Google AJAX Feed APIについて

    ブログのRSSを使って自動的にホームページに新着ブログ記事の日付とタイトルを表示されるようにしたいと思い、Google AJAX Feed APIを使用しました。 下記のソースだとこのように表示されます。 ・タイトル(2009年6月22日) ・タイトル(2009年6月20日) 表示方法をもう少し変えたいんですが、文字サイズと行間の変更はどのようにすれば可能か、ご存知の方は教えて下さい。 1.文字サイズをもう少し小さく(10pxに)したい 2.行間がくっ付いているのでもう少し広くしたい <script type="text/javascript" src="http://www.google.com/jsapi?key=APIキー"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("フィードのアドレス"); feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var div = document.createElement("li"); var a = document.createElement("a"); a.href = entry.link; a.target = "_top" ; var date = new Date(entry.publishedDate); a.appendChild(document.createTextNode(entry.title + " (" + date.toLocaleDateString() + ")" )); div.appendChild(a); container.appendChild(div); } } }); } google.setOnLoadCallback(initialize); </script> <div id="feed"></div>

  • Google AJAX Feed API

    Google AJAX Feed APIでRSSを読み込んでタイトルなどの文字のみの表示をすることはできたのですが、(下の記述でやっています。) 画像が投稿されているブログ記事の画像を読み込み、表示させることはできるのでしょうか? その場合の方法はどのように、すればできるのでしょうか? お手数をおかけしますが、よろしくお願い致します。 <script type="text/javascript" src="http://www.google.com/jsapi?key="></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("http://");  <!--表示したいエントリー数--> feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var div = document.createElement("li"); var a = document.createElement("a");a.href = entry.link;  <!--別窓で表示しない場合は削除してください--> a.target = "_blank" ; a.appendChild(document.createTextNode(entry.title)); div.appendChild(a); container.appendChild(div); } } }); } google.setOnLoadCallback(initialize); </script>

  • Google AJAX Feed APIキー

    http://okwave.jp/qa/q7289256.html ↑こちらの記事を参考にしてサイトのTOPページにWPのタイトル表示を試みました。 表示はされるものの、そのタイトルを更にリンク(各記事にとぶ)にしたいのですが、 以下のソースのどこをいじればリンクになるのか教えて下さい。 ------------------------------------------------------- ■タイトル表示させたいページの<head>内に以下入れる。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("★RSS★"); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var div = document.createElement("div"); div.appendChild(document.createTextNode(entry.title)); container.appendChild(div); } } }); } google.setOnLoadCallback(initialize); </script> ■HTMLのタイトル表示させたい部分に以下入れる。 <div id="feed"></div> ------------------------------------------------------------------------------- よろしくお願い致します。

  • Google AJAX Feed API についてなんですが、

    Google AJAX Feed API についてなんですが、 あるRSSの情報をタイトルのみ(リンクさせて)を一覧で表示させたいのですが、 初心者なんでどのサイトを見てもどうもうまくいきません。 どなたか分かりやすく教えてくれないでしょうか・・・。 サンプル ホームページA(リンク) ホームページB(リンク) ホームページC(リンク) ホームページD(リンク)     ・・・ みたいなかんじにしたいんです。 jsファイルの使用についてもよく分からないんで、 できるだけhtmlのソースだけを弄ってできるとうれしいです。 どうかお願いいたします。

  • Google AJAX Feed API でリンクを張るには?

    Google AJAX Feed API でリンクを張るには? Google AJAX Feed API を使ってアメブロの記事一覧をリンク付きでホームページに表示させたいのですが、記事タイトルのみ表示されてリンクが張れませんでした。 entry.titleの部分をentry.linkに変えるとURLが文字情報で表示されてしまいます。 記事タイトルをクリックするとアメブロの記事に飛ぶ様にリンクを張るにはどうすればいいでしょうか? よろしくお願いします。

  • google ajax feed api

    google ajax feed api を使用してガズーブログのRSSより、他のサイトに新着トピックス表示させ自動更新したいです。 下記の参考サイトのものを利用させていただきカスタマイズしましたが、なぜか日付が表示されません。 参考サイト:http://weboook.blog22.fc2.com/blog-entry-80.html 利用RSS:https://gazoo.com/G-Blog/tam/BlogRss.aspx

  • Google AJAX Feed API でブログタイトルを

    Google AJAX Feed APIを使って見ているんですが、一つわからないことがあります。上部のスライドする部分の中にブログタイトルを含むことって可能なのでしょうか? CSSで表示、非表示を駆使して、RSSサイトを作っているのですが、 生成されるhtmlのスライド部分自体にブログタイトル情報がきていなくて。 下部一覧部分のブログタイトルをCSSで制御しようとすると、 全ブログのタイトルが同じCSSがあたっているので、 重なったりしてしまい、うまくいきません。 タイトルがないと、複数のブログを扱った時、 どのブログのRSSなのかがわからなくてこまっています。 どなたか、ご教授おねがいします。 http://code.google.com/intl/ja/apis/ajaxfeeds/

  • Google AJAX Feed API keyつ

    サイトに、ブログなどのRSSフィードを表示させるときに、 Google AJAX Feed APIのkeyを取得して表示させるのですが、 取得するためのグーグルのページが移動してしまって、 どこにいったのやら全く分かりません。 以前は、以下のアドレスから取得していたのですが。。。 ・http://code.google.com/apis/ajaxfeeds/signup.html どなたかお教え下さい><

  • Google Ajax Feed API キャッシュ騙しの方法

    Google Ajax Feed APIでRSSフィードを読み込み表示していますが、更新反映が遅いため(修正・削除したはずのエントリーが、古いままで表示される)、以下の方法を試してみたいと思っています。 http://www.lepracaun.info/blog/2007/06/google_ajax_feed_api_2.html 現在は var feedurl = "http://glftp.main.jp/blg/?feed=rss2&cat=3"; var feed = new google.feeds.Feed(feedurl); となっているのですが、これをそのまま上記ページのように var feedurl = "http://glftp.main.jp/blg/?feed=rss2&cat=3"; var feed = new google.feeds.Feed(feedurl)+"?"+(new Date()).getTime()); としてみても何も表示されません。 完全に手探りなのですが…どこかが間違っているのでしょうか?

  • Google AJAX Feed API タブ順番

    「Google AJAX Feed API」を利用して、複数RSSを読み込んでいるのですが、 読み込んだ順番でタブを表示させるにはどうすれば良いでしょうか? 具体的には、下記サイトを参考にしているのですが、読み込む度に、タブの「海外」「経済」表示位置が変わってしまいます。これを、RSSを読み込んだ順番( AryURL : [ に記述した順番)で表示するよう、順番を固定化したいです ▽IW3 PROJECT Google AJAX Feed APIの利用   http://project.iw3.org/feed_API/ex-feed04.html

専門家に質問してみよう