首页简单站内搜索功能(按帖子标题和作者搜索)

参考网站：南京论坛  http://www.025bbs520.com

效果图片：


实现方法：
     我是在templates/default/header.htm页面下加的搜索，加在header.htm页面可以让所有页面都有搜索条（如果你想只加到首页的话可以加到首页对应的页面），下面是我在header.htm页面最底部加的代码：

<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                        <form method="post" action="search.php?orderby=lastpost&ascdesc=desc&searchsubmit=yes">
                                <tr>
                                        <td width="65%"> </td>
                                        <td style="vertical-align:middle; height:40px;" width="20%">关键字：<input type="text" style="border:solid 1px #2D559A; background-color:#F5FAFE;" id="srchtype" name="srchtxt"/>
                                        </td>
                                        <td width="10%" valign="middle">按<select style="border:solid 1px #2D559A; background-color:#F5FAFE;"  onchange="changeSearchText(this);"><option value="0">帖子标题</option><option value="1">作  者</option></select></td>
                                        <td width="5%" valign="middle"><input type="image" src="http://www.025bbs520.com/images/search_ico.gif"/></td>
                                </tr>
                        </form>
                </table>
                <script language="javascript">
                        //切换下拉菜单改变搜索模式函数
                        function changeSearchText(obj)
                        {
                                var sNum = obj.options[obj.selectedIndex].value;
                                if(sNum == 0)
                                {
                                        document.getElementById("srchtype").name="srchtxt";
                                }
                                else if(sNum == 1)
                                {
                                        document.getElementById("srchtype").name="srchuname";
                                }
                                else
                                {
                                        alert("    抱歉，系统错误!\n现在将自动转入按【帖子标题】搜索模式！");
                                        document.getElementById("srchtype").name="srchtxt";
                                }
                        }
                        
                        //检测搜索框内是否输入关键字
                        function checkSearchData()
                        {
                                if(document.getElementById("srchtype").value.trim() == "")
                                {
                                        alert("搜索的关键字不能为空！");
                                        document.getElementById("srchtype").select();
                                        return false;
                                }
                        }
                        
                        //Js的trim函数开始
                        String.prototype.trim=function(){
                        return this.replace(/(^\s*)|(\s*$)/g, "");
                        }
                        String.prototype.ltrim=function(){
                                        return this.replace(/(^\s*)/g,"");
                        }
                        String.prototype.rtrim=function(){
                                        return this.replace(/(\s*$)/g,"");
                        }
                        //Js的trim函数开始
                </script>

是用table布局的，div+css只会一点点怕写了走样 ^-^
写过就贴上来了，不知道可有什么问题，有问题的话欢迎大家跟帖提出来啊。。。。。

附件中是修改过的header.htm页面


注意：以上红色代码是2008年9月18日加上的，不加这个代码按作者搜不出来帖子，这里要感谢网友namejm 的提出，附件中的header.htm页面代码是正确的，这个上面可能是当时没在意，还望见谅，请有使用该插件的朋友见后检查一下自己代码。。。。:)

[ 本帖最后由 yzy8788 于 2008-9-18 09:01 编辑 ]

收藏下

谢谢支持啊。。。。

楼上说的这个
应该很简单的啊
可惜了
我不会php
(::97::)

谢谢楼上的支持啊
可惜不会php
只会c#  java  asp  
要是会的php的话
没事可以写些好东西拿来分享啊。。。。(::97::)

不错！支持一下！

谢谢支持。。。

不错的东西。谢谢分享。

收藏了先

谢谢楼上的支持。。。。