2010-10-15 83 views
3

我发现了MediaWiki的一些扩展,它允许你在你的MediaWiki网站上放置一个Google搜索框来搜索网页。但是,他们似乎没有一个选项可以启用建议,该选项根据用户迄今输入的内容填充可能的搜索项的下拉菜单。我怎样才能做到这一点?如何在MediaWiki上安装带有建议的Google搜索框?

我发布到Stackoverflow,因为解决方案很可能需要编程。

仅供参考,我发现现有的扩展名是: - http://www.mediawiki.org/wiki/Extension:GoogleSiteSearch - http://www.mediawiki.org/wiki/Extension:Google

回答

2

首先,你需要一个新的文件添加到您的mediawiki安装。把它叫做googleSuggest.php。你需要,因为有网络浏览器的安全性(你可以感谢的浏览器开发商)

下面的代码添加到它的跨域问题这个文件:

<?php 
$q = strtolower($_GET["q"]); 
if (!$q) return; 

$url="http://suggestqueries.google.com/complete/search?qu=".$q; 
$text = file_get_contents($url); //Get content from Google suggest 
$text=str_replace("window.google.ac.h([\"$q\",[[","",$text); //Remove unwanted portion 
$arr_items=explode("],[",$text); //Split and put it in arrary 
foreach($arr_items as $items) 
{   $arr_item=explode(",",$items); 
      $key=$arr_item[0]; //Get the keyword, the arrary will have other details such as no.of resutls also. 
      $key=trim($key,"\""); //Use to remove quotes 
     if (strpos(strtolower($key), $q) !== false) { 
      echo "$key\n"; 
     } 

} 
?> 

然后,你将需要从jQuery.com 下载的jQuery然后你需要得到这个插件:http://docs.jquery.com/UI/Autocomplete

然后你将需要编辑头部分。添加以下行。

<script type="text/javascript" src="PATHTOJQUERY.JS"></script> 
<script type='text/javascript' src='PATHTOjquery.autocomplete.js'></script> 
<link rel="stylesheet" type="text/css" href="PATHTOjquery.autocomplete.css" /> 

<script type="text/javascript"> 
var keywords=['qualitypoint','qpt','quality','one','two']; 
$().ready(function() { 


    $("#q").autocomplete("googleSuggest.php", { 
     width: 260, 
     selectFirst: false 
    }); 

    $("#q").result(function(event, data, formatted) { 
     if (data) 
      $(this).parent().next().find("input").val(data[1]); 
    }); 


});</script> 

然后,在你想要的网页搜索:

<form method="get" action="http://google.com/search" autocomplete="off" > 
     <p> 

      <input type="text" id="q" /> 
<input type="submit" value="Google Search" /> 

     </p> 
    </form>