Donews Blog是不提供搜索功能的,因此,我们分两次介绍两种不同的站内搜索的实现方式。其实,说穿了,都是利用搜索引擎的站内搜索功能。

现在,搜索引擎都提供指定一个网站范围内的搜索功能,所以,我们介绍的内容实质也不过是把这种搜索功能编写成HTML代码和脚本,复制到公告栏区域。

今天介绍在你的Blog中使用Google搜索实现站内搜索的第一种方法。

做法很简单,把下面的代码复制到公告栏中就可以了。

<h3>Google</h3>
<script language="javascript">
function search () {
var q=document.getElementsByName("q")[0].value;

var link="http://www.google.com/custom?domains=" + website + "&sa=Search&sitesearch=" + website + "&ie=UTF-8&oe=UTF-8&hl=zh-CN" + "&q=" + EncodeUtf8(q) ;

//website + "&q=" + to_search[0].value;

window.open(link);
}
function EncodeUtf8(s1)
{
var s = escape(s1);
var sa = s.split("%");
var retV ="";
if(sa[0] != "")
{
retV = sa[0];
}
for(var i = 1; i < sa.length; i ++)
{
if(sa[i].substring(0,1) == "u")
{
retV += Hex2Utf8(Str2Hex(sa[i].substring(1,5)));
}
else retV += "%" + sa[i];
}
return retV;
}
function Str2Hex(s)
{
var c = "";
var n;
var ss = "0123456789ABCDEF";
var digS = "";
for(var i = 0; i < s.length; i ++)
{
c = s.charAt(i);
n = ss.indexOf(c);
digS += Dec2Dig(eval(n));
}
//return value;
return digS;
}
function Dec2Dig(n1)
{
var s = "";
var n2 = 0;
for(var i = 0; i < 4; i++)
{
n2 = Math.pow(2,3 – i);
if(n1 >= n2)
{
s += ‘1′;
n1 = n1 – n2;
}
else
s += ‘0′;
}
return s;
}
function Dig2Dec(s)
{
var retV = 0;
if(s.length == 4)
{
for(var i = 0; i < 4; i ++)
{
retV += eval(s.charAt(i)) * Math.pow(2, 3 – i);
}
return retV;
}
return -1;
}
function Hex2Utf8(s)
{
var retS = "";
var tempS = "";
var ss = "";
if(s.length == 16)
{
tempS = "1110" + s.substring(0, 4);
tempS += "10" + s.substring(4, 10);
tempS += "10" + s.substring(10,16);
var sss = "0123456789ABCDEF";
for(var i = 0; i < 3; i ++)
{
retS += "%";
ss = tempS.substring(i * 8, (eval(i)+1)*8);
retS += sss.charAt(Dig2Dec(ss.substring(0,4)));
retS += sss.charAt(Dig2Dec(ss.substring(4,8)));
}
return retS;
}
return "";
}
</script>
<script language="javascript">
var website="http://www.donews.net/keso";
</script>
<input type="text" name="q" />
<input type="button" value="Google本站" onclick="javascript:search()"/>

呵呵,你一定看出来了,这个又是从keso那里偷来的,所以,你使用的时候,把倒数第四行,也就是加粗了的黑体字部分,换成你自己的Blog首页地址。比如,我的应该是http://blog.donews.com/laobai

这段代码之所以那么长,主要是前面做了几个函数处理查询关键字的编码转换,根据我采用另一种方式进行测试的结果,似乎没有必要,也许,不同的浏览器情况不同吧。

另外,这种方法没有采用常见的Form提交方式,这主要是因为Donews Blog对form的使用要求比较严格(Donews Blog每个页面本身就是一个Form,如果使用Form,必须采用强制嵌套的方式,虽然我测试了一下,使用起来问题不大,但毕竟不是正途)。

而这段代码的核心在于最后一句,单击Google本站按钮时,采用脚本Onclick事件触发调用Serch()函数,而Serch()函数的作用就是读取输入的关键字,并把它拼接成Google搜索的URL。

以后,我们介绍另外一种采用Google实现站内搜索的方式。

此主题的相关链接:

《Donews Blog的非官方使用指北》标准操作系列

《Donews Blog的小花招》系列


20条评论

  1. EncodeUtf8()

    这个函数刚好对我有用,多谢

  2. 呵呵,鸟人看清楚啊,那些话是我引用大林的话啊。

  3. 呵呵,我正需要这个呢

    那天也研究了keso的搜索研究了半天,只看清了javascript

    这个和google提供的不一样,google提供的放在公告栏不能用,我试过,很郁闷

    另:

    现在http://blog.donews.com/default.html

    页面显示有问题了

    快去看看

  4. 看看这个就行了,里面包括对斗牛士内容的搜索,也包括其他博客的搜索和搜索引擎 http://www.zhongguosou.com 下的博客论坛搜索。

  5. 页面显示好了

    不过被我截图了

    呵呵

  6. 里面有google广告代码,不厚道哦。

  7. to webleon:

    谢谢指正,你说的是&client=pub-2140183249333014&forid=1&channel=7888081328

    这里吧?我把它去掉。

  8. 这段代码是Ben提供给我的。

    http://fadshop.net/blog/

  9. http://fadshop.net/blog/2005/10/blog-post.html

    解释。

    另外,这段代码遵循CC license,在注明出处的情况下可做非商业用途。

  10. 今天介绍的Blog站内搜索,最早我是在dodo的Blog中看到的。

  11. 简明的办法:http://bbs.leobbs.com/cgi-bin/topic.cgi?forum=102&topic=255&show=0

  12. 特别感谢,得到了那个编码函数。高人一个!

  13. 《Donews Blog的小花招》

  14. 纯开发记录,如希望看到效果演示直奔最后一段。

    在《Flyeon – 美剧真好看》网站开工大典胜利闭幕后,今天开始正式开发站内搜索功能。这里说的站内搜索,并不是那种把site:参数加在关键字然后前往Google的搜索,而是真真正正的站内搜索引擎,就像Macromedia的那种Powered by Google一样。当然Macromedia用的是Google的商业产品,而适合fan sites自然是Google API。

  15. 这么复杂 看不懂哦

  16. 很好的哦 我弄好了博客可以用了

发表评论

评论也有版权!

click to change验证码