6

私は自分のサイトでグーグル検索を使おうとしています：

http://www.houseofhawkins.com/search.php

一部の画面解像度ではうまく機能していません。これがグーグルから与えられたコードです：

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 250;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

「googleSearchFrameWidth」を250に変更しました。これは、幅をピクセル単位で設定する必要があると考えています（最初は600でした）。しかし、小さい画面（1024 * 768）では、divの側面が突き出ています。

私は愚かなことをしていますか？

4

6 に答える 6

6

微調整できる 3 つの設定があります。これらを組み合わせることで、必要な場所に移動できることを願っています。

  1. googleSearchFrameWidth - JavaScript でこれを希望の幅に設定します。これは最も明白なものであり、おそらくすでに微調整したものです。
  2. cse-search-results div の幅- インライン スタイル ステートメント ( などstyle ="width:500") を使用して、div の幅を設定します。
  3. IFrame スタイルを設定する- チェックすると、このすべてのコンテンツが IFrame を介して Google からレンダリングされていることに気付くでしょう。これを微調整するのは少し難しいですが、実行可能です。#cse-search-results iframe { }これを行うには、括弧内に実際の iframe スタイルを含めて、スタイルシートの末尾に などのステートメントを追加します。

これらのいずれか、またはこれらの組み合わせがあなたの答えになることを願っています. 確信が持てない場合は、Firebug で利用できるような DOM インスペクターを使用して、変更が DOM に与える影響を分析してください。お役に立てれば。

于 2009-07-06T02:53:49.457 に答える
4

UPDATE 22/06/10 - 以下のより簡単な解決策が見つかりました。in コードのFORID値をFORID:11に変更します。したがって、コードの 1 行は次のようになります。

<input type="hidden" name="cof" value="FORID:11;NB:1" />

追加してみてください

#cse-search-results iframe {width: 100%;}

あなたのCSSで。

于 2010-06-22T10:09:48.433 に答える
3

iFrame のサイズを変更したい場合と同じ問題が発生しました。googleSearchFrameWidth値を変更するとうまくいくと思うかもしれませんが、違います。

そこで私は DOM 操作に頼りました。iFrameの名前が「googleSearchFrame」なので、

<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

<script>参照、次の別のタグを追加しました。

<script type="text/javascript">
  document.getElementsByName('googleSearchFrame').item(0).width = 600;
</script>

上記は、iFrame の幅を に設定し600pxます。あなたの場合、明らかに、に設定したいと思うでしょう250。Google がいつの日か iFrame の名前を変更するのではないかと心配している場合は、getElementsByTagName('iFrame')メソッドを使用して、ドキュメント内の iFrame の位置に絞り込んでください (複数の iFrame がある場合)。

于 2010-01-20T03:45:31.830 に答える
1

サイトでgoogleSearchFrameWidthを変更する簡単な手順:

  1. http://www.google.com/afsonline/show_afs_search.jsから独自の「show_afs_search.js」ファイルをダウンロードし、results.htm Web ページと同じディレクトリに保存します。

  2. results.htm Web ページを開き、行コードをスクリプトに変更します... src="http://www.google.com/afsonline/show_afs_search.js" TO: src="show_afs_search.js"

  3. 独自の「show_afs_search.js」ファイルを開き、設定 width:a を width:"600" (または幅をピクセル単位で設定したいもの) に変更し、独自の「show_afs_search.js」ファイルを保存します。

  4. 両方のファイルをホスティング サイトの同じディレクトリにアップロードします: results.htm と show_afs_search.js'

終わり！

于 2010-01-15T01:22:03.563 に答える
0

Googleでは、500px未満の幅の使用は許可されていません。最善の策は、iframeのスタイルを作成することです。

<style>
#cse-search-results iframe {width: 200px; }
</style>
于 2009-08-13T18:02:52.240 に答える