• 締切済み

Google AJAX sezrch API と　firefoxの互換性

Google AJAX sezrch APIで検索枠を設置しようと思い http://weboook.blog22.fc2.com/blog-entry-60.html こちらのHPを参考に作成してみました。 API　Keyも取得しました。 結果うまく行ったのですが、結果の表示方法をタブバージョンに したく、 http://weboook.blog22.fc2.com/blog-entry-61.html こちらのように作り変えてみました。 IEで開くと、うまく検索枠が表示され、結果もタブ表示されるんですが firefox　ver2.0.0.1で開くとLoading画面のまま 検索枠も表示されません。GoogleのHPのデベロッパー ガイド（下のURL)も読みましたがうまく行きません。 （googleのHPにはfirefox　ver1.5以上の互換性があると記述あり） http://code.google.com/intl/ja/apis/ajaxsearch/documentation/ またgoogle内のタブ表示のサンプルページはfirefoxで見てもきちんと 表示されています。（下のURLです） http://www.google.com/uds/samples/apidocs/tabbed.html どこをどう変えればfirefoxでも見られるようになるでしょうか？ 私のレベルではたちうちできませんのでよろしくご教授ください。

みんなの回答

  • pick52
  • ベストアンサー率35% (166/466)
回答No.2

> 結果うまく行ったのですが、結果の表示方法をタブバージョンに > したく、 > http://weboook.blog22.fc2.com/blog-entry-61.html > こちらのように作り変えてみました。 このサンプルの方ではどうなんでしょうか。 ここでも同様ならこのサンプルのソースコードが間違っているんじゃ ないでしょうか。

marineadv0
質問者

お礼

早速の回答ありがとうございました。 いろいろなサイトを訪ね歩いてソースを見て勉強したところ なんとか自分で改善することができました。

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

>こちらのように作り変えてみました 作り替えたときにIEでしか動かない何かをやっちゃっただけなんじゃないかな。 それ以上はソース見てないので何とも言えない…

marineadv0
質問者

お礼

コメントありがとうございます。 自分でもよくわからなかったのですが、 他のサイトなど渡り歩いてソースを見せていただいて 改善することができました。ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • google ajax feed api

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

  • google search apiについて。

    googleのapiについて質問があります。 apiを使ってWebserchをJavascriptで作りたいんですが、 どのサイトのサンプルを見ても英語？での検索結果になってる気がします。 普通にgoogleで検索した結果とapiのserchで検索した結果とは違っています。 例えば「FLOW」と検索すると、普通のgoogleでは公式HPが先頭に表示されますが、apiの方では表示されていません。 直し方等あるのでしょうか？

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

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

  • 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

  • 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>

  • Firefox 拡張 sidebar mix の使い方を教えてくださいm(_ _)m

    こんばんは。 いつも教えていただきありがとうございます。 相変わらずわからず使っているんですが少しずつは進歩してると思いますので よろしくお願いします。 今回はsidebar mix についてなんですがメニュー表示を縦割りと横割りに表示 する機能があるのですがそれをどこで設定するのかわからないんです。 http://harmony.blog5.fc2.com/blog-entry-229.html グーグルなどで検索し３時間ぐらい調べたんですがさすがにギブアップです。 ご存知の方ヘルプをお願いします。 あと３×３タブのメニューが設定できるんですがみなさまはどんな設定に なさってますか？ もしもしよろしければ設定値も一緒にm(_ _)m　教えていただければうれしいです。 よろしくお願いします。

  • 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 feed API のCSS編集

    表題にある件ですがこれはどう行えばいいのでしょうか？ もともとのままでは青いアンカーリンクや狭い行間など、CSSで編集をしたい箇所が数箇所あります。 しかし、通常のCSSへの編集とは異なり、Google feed API が反映される部分なので 私のイメージとしては、Googleが用意しているデフォルトのCSSから自分が用意するCSSへと APIのCSSの適用を変えて、そのCSSを編集していくものではないかと考えていますがこの理解で間違っていないでしょうか？ また、その場合どのようにAPIに適用するCSSを自分が指定するCSSへと連携できるのでしょうか？ こちらのサイトを見ながらやっていましたが肝心のCSSの編集の部分が書かれておらず分かりにくく感じました。 http://weboook.blog22.fc2.com/blog-entry-152.html ここでのやり方としては gfc-control等の要素を編集しているようですが ソースを見てもどこにもその要素がなく、分かりませんでした。 どうぞよろしくお願いします。

  • googleクロームの拡張子の使い方について

    googleクロームの拡張子の使い方がわかりません。 以下のサイトで、FC2 Upload Extというアプリをダウンロードしたのですが、クロームには何も表示されず、押すボタンもありません。使い方を詳しく教えてくださいませ。 よろしくお願い致します。 http://daredemopc.blog51.fc2.com/blog-entry-816.html googleウェブストアでダウンロードしました。 以下のサイトになります。 https://chrome.google.com/webstore/detail/fc2-upload-ext/hpinmpnccaooddkofleabfaecnmfemlk

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する