如何在MediaWiki上安装带有建议的Google搜索框?

时间:2010-10-15 00:07:02

标签: php search mediawiki

我找到了MediaWiki的几个扩展程序,允许您在MediaWiki网站上放置一个Google搜索框来搜索网页。但是,它们似乎都没有启用建议的选项,它会根据用户目前输入的内容填充可能搜索字词的下拉菜单。我怎么能这样做?

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

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

1 个答案:

答案 0 :(得分:2)

首先,您需要在mediawiki安装中添加新文件。只需将其称为googleSuggest.php即可。您需要此文件,因为浏览器Web安全性存在跨域问题(您可以感谢浏览器开发人员)

将以下代码添加到其中:

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