Google Suche statt WBB suche.

WindowsPhone · 6. Dezember 2011

Ich habe eine Frage wie kann ich die Forensuche mit der Googlesuche tauschen.

Hier der Code:

PHP

<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.de/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
  google.load('search', '1', {language : 'de'});
  google.setOnLoadCallback(function() {
	var customSearchControl = new google.search.CustomSearchControl(
  	'016780027792749497029:zifpsb0sdom');


	customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
	customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />

Alles anzeigen

Tom · 6. Dezember 2011

In dem du im Template >header< einfach die Suche gegen deinen Code tauscht:

Templates anpassen

Du solltest aber den Container <div id="search"> übrig lassen und nur das innen drin ersetzen.

WindowsPhone · 6. Dezember 2011

error message: Template compilation failed: unknown tag {language : 'de'} in template 'header' on line 4
error code: 12003
file: /******/wcf/lib/system/template/TemplateScriptingCompiler.class.php (284)

WindowsPhone · 7. Dezember 2011

PHP

<div id="search">
			<form method="post" action="{@$searchScript}">


				<div class="searchContainer">
					<input type="text" tabindex="{counter name='tabindex'}" id="searchInput" class="inputText" name="{@$searchFieldName}" value="{if !$searchFieldValue|empty}{$searchFieldValue}{else}{@$searchFieldTitle}{/if}" />
					<input type="image" tabindex="{counter name='tabindex'}" id="searchSubmit" class="searchSubmit inputImage" src="{icon}searchSubmitS.png{/icon}" alt="{lang}wcf.global.button.submit{/lang}" />
					{@SID_INPUT_TAG}
					{if $searchHiddenFields|isset}{@$searchHiddenFields}{else}<input type="hidden" name="types[]" value="post" />{/if}


					<script type="text/javascript">
						//<![CDATA[
						document.getElementById('searchInput').setAttribute('autocomplete', 'off');
						document.getElementById('searchInput').onfocus = function() { if (this.value == '{@$searchFieldTitle}') this.value=''; };
						document.getElementById('searchInput').onblur = function() { if (this.value == '') this.value = '{@$searchFieldTitle}'; };
						document.getElementById('searchSubmit').ondblclick = function() { window.location = 'index.php?form=Search{@SID_ARG_2ND_NOT_ENCODED}'; };
						{if $searchFieldOptions || $searchShowExtendedLink}
							popupMenuList.register("searchInput");
							document.getElementById('searchInput').className += " searchOptions";
						{/if}
						//]]>
					</script>
					{if $searchFieldOptions || $searchShowExtendedLink}
						<div class="searchInputMenu">
							<div class="hidden" id="searchInputMenu">
								<div class="pageMenu smallFont">
									<ul>
										{@$searchFieldOptions}
										{if $searchShowExtendedLink}<li><a href="{@$searchExtendedLink}{if !$searchFieldValue|empty}&amp;defaultQuery={$searchFieldValue|rawurlencode}{/if}">{lang}wbb.header.search.extended{/lang}</a></li>{/if}
									</ul>
								</div>
							</div>
						</div>
					{/if}


					{if $searchShowExtendedLink}
						<noscript>
							<p><a href="{@$searchExtendedLink}">{lang}wbb.header.search.extended{/lang}</a></p>
						</noscript>
					{/if}
				</div>
			</form>
		</div>
		<div id="logo">
			<div class="logoInner">
				{if $customPageLocation|isset}
					{assign var=linkTarget value=$customPageLocation}
				{else}
					{assign var=linkTarget value="index.php?page=Index"}
				{/if}
				<h1 class="pageTitle"><a href="{$linkTarget}{@SID_ARG_2ND}">{lang}{PAGE_TITLE}{/lang}</a></h1>
				{if $customPageLogo|isset}
					<a href="{$linkTarget}{@SID_ARG_2ND}" class="pageLogo">
						<img src="{$customPageLogo}" title="{lang}{PAGE_TITLE}{/lang}" alt="" />
					</a>
				{elseif $this->getStyle()->getVariable('page.logo.image')}
					<a href="{$linkTarget}{@SID_ARG_2ND}" class="pageLogo">
						<img src="{$this->getStyle()->getVariable('page.logo.image')}" title="{lang}{PAGE_TITLE}{/lang}" alt="" />
					</a>
				{elseif $this->getStyle()->getVariable('page.logo.image.application.use') == 1}
					<a href="{$linkTarget}{@SID_ARG_2ND}" class="pageLogo">
						<img src="{@RELATIVE_WBB_DIR}images/wbb3-header-logo.png" title="{lang}{PAGE_TITLE}{/lang}" alt="" />
					</a>
				{/if}
			</div>
		</div>
	</div>

Alles anzeigen

und was genau soll ich da ändern

temardo · 7. Dezember 2011

Wie Tom schrieb und dann den <script>-Tag mit einem {literal}{/literal} einschliessen. Denn die geschweiften Klammern des Javascripts im Template lässt das WCF denken, das sind Variablen, die es verarbeiten soll. Mit dem {literal} kann man das unterbinden.

WindowsPhone · 7. Dezember 2011

PHP

<script type="text/javascript">{literal}
					<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.de/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
  google.load('search', '1', {language : 'de'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl(
      '016780027792749497029:zifpsb0sdom');


    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />
{/literal}

Alles anzeigen

so habe ich es jetzt gemacht, leider kein erfolg.

temardo · 7. Dezember 2011

Warum isn da am Anfang auf einmal ein öffnender Script-Tag (der dann nicht geschlossen wird)? So müsste das klappen

PHP

<div id="cse" style="width: 100%;">Loading</div><script src="//www.google.de/jsapi" type="text/javascript"></script>
{literal}<script type="text/javascript"> 
  google.load('search', '1', {language : 'de'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl(
      '016780027792749497029:zifpsb0sdom');


    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>{/literal}
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />

Alles anzeigen

Btw. binde den Code mal mit dem php-BBcode ein, weil mit css und code tuts Forum scheinbar nicht zurechtkommen!?

WindowsPhone · 7. Dezember 2011

Hat zwar geklappt, jetzt habe ich aber 2 Suchen.

[Blockierte Grafik: http://upld.faq4windowsphone.de/images/suche.png]

temardo · 7. Dezember 2011

Hast Du denn mit dem Code alles innerhalb des <div id="search">...</div> ersetzt? Also am besten ab <form method="post" action="{@$searchScript}"> anfangen zu markieren bis </form> und dann löschen bzw. durch obigen Code ersetzen.

WindowsPhone · 7. Dezember 2011

habs gemacht kommt nur ne fehlermeldung

PHP

<div id="search">
<form method="post" action="{@$searchScript}">


<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.de/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
google.load('search', '1', {language : 'de'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl(
'016780027792749497029:zifpsb0sdom');


customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />


</form>
</div>
<div id="logo">
<div class="logoInner">
{if $customPageLocation|isset}
{assign var=linkTarget value=$customPageLocation}
{else}
{assign var=linkTarget value="http://www.faq4windowsphone.de"}
{/if}
<h1 class="pageTitle"><a href="{$linkTarget}{@SID_ARG_2ND}">{lang}{PAGE_TITLE}{/lang}</a></h1>
{if $customPageLogo|isset}
<a href="{$linkTarget}{@SID_ARG_2ND}" class="pageLogo">
<img src="{$customPageLogo}" title="{lang}{PAGE_TITLE}{/lang}" alt="" />
</a>
{elseif $this->getStyle()->getVariable('page.logo.image')}
<a href="{$linkTarget}{@SID_ARG_2ND}" class="pageLogo">
<img src="{$this->getStyle()->getVariable('page.logo.image')}" title="{lang}{PAGE_TITLE}{/lang}" alt="" />
</a>
{elseif $this->getStyle()->getVariable('page.logo.image.application.use') == 1}
<a href="{$linkTarget}{@SID_ARG_2ND}" class="pageLogo">
<img src="{@RELATIVE_WBB_DIR}images/wbb3-header-logo.png" title="{lang}{PAGE_TITLE}{/lang}" alt="" />
</a>
{/if}
</div>
</div>
	</div>

Alles anzeigen

Google Suche statt WBB suche.

cls-design

Informationen

Demoinstallationen

Hilfe