aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

Open Google zoekfunctieresultaat in frame 'Rechts'

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

Open Google zoekfunctieresultaat in frame 'Rechts'

Berichtdoor Ty-Rap » 14 okt 2011 21:49

Op mijn website heb ik een aangepaste Google zoekfunctie die alleen op mijn site zoekt. Je kan deze zoek optie openen via het menu op mijn website. De zoekfunctie pagina wordt geopend in het rechter frame. Het rechter frame heeft de naam 'Rechts'. Ook de zoek resultaten worden keurig in dit rechter frame weergegeven alleen het openen van een link uit de zoekresultaten genereert een nieuwe (extra) tab. Ook deze nieuwe pagina zou in het frame 'Rechts' geopend moeten worden.

De code die Google voor deze functie heeft gegenereerd kan je ophalen via Google Webmasterhulpprogramma's, het open van de aangemelde website, menu optie Labs > Aangepast zoeken. De gegenereerde code staat hier onder.

Welke aanpassing moet ik in de volgende code maken om de informatie bij het open van een zoekresultaten ook in het frame 'Rechts' te laten openen?

Code: Selecteer alles
<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'nl'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('002326236176937351231:WMX176865274');
    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />
<style type="text/css">
  .gsc-control-cse {
    font-family:Times New Roman;
    border-color: #FF0000;
    background-color: #FFEEEE;
  }
  input.gsc-input {
    border-color: #FF0000;
  }
  input.gsc-search-button {
    border-color: #000000;
    background-color: #FF0000;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #FF0000;
    background-color: #FFFFFF;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF0000;
    border-left-color: #FF0000;
    border-right-color: #FF0000;
    border-bottom-color: #FF0000;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #FF0000;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FF0000;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FF0000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #5555CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #FF0000;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #FF0000;
  }
  .gsc-cursor-page {
    color: #0000CC;
  }
  a.gsc-trailing-more-results:link {
    color: #0000CC;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet {
    color: #FF0000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #0000CC;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #0000CC;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FF0000;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #FF0000;
    background-color: #FFFFFF;
    color: #0000CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF0000;
    background-color: #FFFFFF;
    color: #5555CC;
  }
  .gs-promotion {
    border-color: #FF0000;
    background-color: #FFFFFF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #008000;
  }
</style>
Avatar gebruiker
Ty-Rap
wmpr
 
Berichten: 15
Geregistreerd: 28 dec 2005 20:43

Re: Open Google zoekfunctieresultaat in frame 'Rechts'

Berichtdoor DoubleJ » 15 okt 2011 17:02

Hallo,

Ik zal je helaas moeten telleurstellen dat je met de getoonde code niet kan bereiken wat je graag wilt. De code die wordt weergegeven, zorgt ervoor dat de juiste JavaScript bibliotheken geladen worden, hiervoor zijn de eerste regels verantwoordelijk. De rest van de code is slechts om het uiterlijk van de zoekresultaten te wijzigen.

Vraag is, kun je ook de HTML output die door google gegenereerd wordt manipuleren, of slechts alleen het gedeelte dat voor de stijl verantwoordelijk is?

Groet,
JJ
De wondere wereld van het wijde web.
Avatar gebruiker
DoubleJ
wmpr
 
Berichten: 253
Geregistreerd: 20 jan 2008 20:32


Keer terug naar HTML, CSS, Javascript



cron