Wie kann ich eine benutzerdefinierte Breite auf meine Google-Suche iframe?

Ich versuche, mit der google-Suche für meine Website:

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

Ist es nicht schön spielt mit einigen Bildschirm-Auflösungen. Hier ist der code von google:

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

Änderte ich die "googleSearchFrameWidth" bis zu 250 denken, dass sollte die Einstellung der Breite in px, (es war der 600 mit zu beginnen). Aber mit kleineren Bildschirmen (1024 * 768) es ragt aus der Seite meines divs.

Mache ich etwas dumm?

P. S... was soll ich packe meine code-Segmente, bitte? Offensichtlich nicht in [code] :p
Sie können nur indent jede Zeile code durch 4 Leerzeichen.
Klicken Sie einfach auf den code-button in der Symbolleiste. Bereits fixiert.

InformationsquelleAutor Jon | 2008-11-17

  1. 3

    Lief in die gleichen Schwierigkeiten, die Sie haben wollen, um die Größe des iFrame. Sie würden denken, dass die änderung der googleSearchFrameWidth Wert würde den trick tun, aber nope.

    Also Griff ich zur DOM-manipulation. Da der name der iFrame "googleSearchFrame", Direkt nach der

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

    Referenz, die ich anderen zugefügt <script> tag mit dem folgenden:

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

    Den oben legt die Breite des iFrame an 600px. In deinem Fall, offensichtlich ist, würden Sie wollen, um es zu 250. Wenn du paranoid bist, dass Google möglicherweise ändern Sie den iFrame Namen einiger Tag, nur mit dem getElementsByTagName('iFrame') Methode und einzugrenzen, um die position des iFrame im Dokument (wenn Sie mehrere iFrames).

    InformationsquelleAutor Jacob Gube

  2. 6

    Habe ich drei Einstellungen, die du zwicken kannst, eine Kombination, von der ich hoffe, dass Sie erhalten, wo Sie gehen müssen:

    1. googleSearchFrameWidth - Setzen Sie diese in den JavaScript, um Ihre gewünschte Breite. Dies ist die offensichtlichste, und die haben Sie wahrscheinlich schon gezwickt.
    2. Breite von cse-search-results div - Verwenden Sie einen inline-style-Anweisung (z.B. style ="width:500"), um die Breite des div.
    3. Legen Sie die IFrame-Stil - Wenn Sie überprüfen, werden Sie wahrscheinlich feststellen, dass all diese Inhalte gerendert wird, von Google über einen IFrame. Das ist ein bisschen schwieriger zu zwicken, aber machbar. Um dies zu tun, fügen Sie eine Anweisung an das Ende Ihres stylesheet wie #cse-search-results iframe { }, darunter auch die eigentliche iframe-Stil innerhalb der eckigen Klammern.

    Ich hoffe, dass eines dieser oder eine Kombination dieser erweist sich als die Antwort für Sie. Wenn Sie Zweifel haben, verwenden Sie einen DOM-Inspektor wie die verfügbaren in Firebug zu analysieren, die Auswirkungen Ihrer änderungen auf die DOM. Hoffe, das hilft.

    Danke Thomas, #3 funktioniert Super!
    Ist jemand läuft in ein Problem, wo Ihre Suchergebnisse Zeile immer abgeschnitten? #3 funktioniert Super, aber es ' s Schneide mir die Typografie, Linien...sehr seltsam, nicht herausfinden können.

    InformationsquelleAutor Thomas Beck

  3. 4

    UPDATE 22/06/10 - Fanden eine einfachere Lösung unten. Ändern Sie die FORID Wert im code zu FORID:11. Also eine Zeile, die Ihr code sollte ähnlich wie diese Aussehen:

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

    Probieren Sie es einfach hinzufügen 

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

    in der CSS.

    Fantastisch, gearbeitet, sofort, danke.

    InformationsquelleAutor Xerri

  4. 1

    Einfache Schritte zum ändern der googleSearchFrameWidth in Ihre Website:

    1. LADEN Sie Ihre eigene 'show_afs_search.js' Datei aus http://www.google.com/afsonline/show_afs_search.js und speichern Sie Sie im selben Verzeichnis, wo man Sie results.htm Webseite.

    2. Öffnen Sie Ihre results.htm Webseite und ÄNDERN Sie die Zeile code in das Skript
      ... src="http://www.google.com/afsonline/show_afs_search.js": src="show_afs_search.js"

    3. Öffnen Sie Ihre eigene 'show_afs_search.js' Datei, und ÄNDERN Sie die Einstellung der Breite:
      Breite:"600"
      (oder was auch immer Sie möchten, legen Sie die Breite in Pixel) und speichern Sie Ihre eigenen 'show_afs_search.js' Datei.

    4. Laden Sie beide Dateien auf Ihrem hosting-Website in das gleiche Verzeichnis: results.htm und show_afs_search.js'

    GETAN!

    InformationsquelleAutor Orlando

  5. 0

    Google wird nicht zulassen, dass Sie verwenden eine Breite kleiner als 500 Pixel. Ihre beste Wette ist, erstellen Sie einen style für den iframe:

    <style>
#cse-search-results iframe {width: 200px; }
</style>

    InformationsquelleAutor dhorn

Schreibe einen Kommentar