dede如何集成百度搜索站内全站搜索站内按栏目搜索等功能的搜索栏

作者 : admin 共2791个字,阅读需7分钟。 字体:
  • 文章介绍
  • 评价建议
  • DEDE可定制性非常强,我们接到一个项目,要求定制站点的搜索框,要求能有个选项,可以让访客点选使用百度搜索站内内容或者用谷歌搜索站点内容,或者直接搜索整站内容,或者点选按栏目搜索站内内容

    HTML代码如下:

    <div class="search-bg">
      <div class="inner">
        <div class="search-form">
       <form role="search" method="get" id="searchform" name=bf onSubmit="bottomForm();return false;">
    <script>
    function bottomForm(){
    var $=document.bf.key.value;
    var $2=document.bf.sto.value;
    if(document.bf.sto[0].selected)window.open("https://www.baidu.com/s?wd="+"site%3Abnxb.com+"+$);
    if(document.bf.sto[1].selected)window.open("https://www.google.com.hk/search?hl=zh-CN&source=hp&q="+"site%3Awww.bnxb.com+"+$);
    if(document.bf.sto[2].selected)window.open("{dede:global.cfg_basehost/}/app/search.php?kwtype=1&keyword="+$);
    else window.open("{dede:global.cfg_basehost/}/app/search.php?kwtype=1&keyword="+$+"&typeid="+$2);
    return false}
    </script>
    <input name="key" id="s" class="s" value="请输入关键词开始搜索!"onClick="this.value = '';" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); opacity: 0.8664601413572597; background-position: initial initial; background-repeat: initial initial; "onKeyPress="javascript:if(event.keyCode == 13){query(this.value);}" x-webkit-speech="" type="text">
    <SELECT class="search-select" name="sto" id="search-option">
                   <option value="0" class="search-select-option">百度搜索</option>
                   <option value="1111" class="search-select-option">谷歌搜索</option>
       <option value="2222" selected='1' class="search-select-option">全站搜索</option>
    {dede:channelartlist typeid='top' }
    {dede:type} <option value='[field:id/]'>[field:typename/]</option>{/dede:type}
    {dede:channel type='son' noself='yes'}
    <option value='[field:id/]'>--[field:typename/]</option>
    {/dede:channel}
    {/dede:channelartlist}
    </select>
    <button id="searchsubmit" class="btn">搜索</button>
    </form>
        </div>
        <div class="tagscloud"> <span>快捷搜索:</span>  {dede:hotwords num='5'subday='30' maxlength='10'/}   </div>
      </div>
    </div>

    CSS代码如下:

    /*search-bg*/
    .search-bg {background-color:#F5F5F5; width:100%; padding:20px 0; display:none;}
    .search-bg.search-open {display:block;}
    .search-bg .inner {overflow:hidden;}
    .search-form,.search-form input {float:left;}
    .search-form .s {background-color:#fff; border:1px solid #ddd; height:22px; line-height:22px; padding:5px; font-size:0.875em; width:500px; border-radius:3px;}
    .search-form button {border:none; background-color:#1e82aa; color:#fff; height:32px; padding:0 10px; cursor:pointer; margin:1px 0px; border-radius:6px; font-size:1em;}
    .search-form .search-select {background-color:#fff; border:1px solid #ddd; height:34px; line-height:34px; margin:1px 5px;}
    .search-form .search-select-option {background-color:#E9EAEC;font-weight:bold}

    以上代码可以实现dedecms织梦增加百度谷歌站内搜索框功能,直接粘贴html代码到模板相应位置即可。css代码可以加到css文件中。

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    下载了资源,浏览器提示下载完但解压或打开不了?
    最可能的情况是下载不完整,可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件下载。 或者重新下载尝试。若多次下载均出现此提示,请在对应资源底部留言或联络客服。
    找不到素材资源介绍文章里的示例图片?
    对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    1. 本站部分资源文章来源于用户投稿上传和互联网,如有侵权请邮件联系客服处理;
    2. 本站分享目的仅供大家学习和交流,您必须在下载资源后24小时内删除;
    3. 下载的资源不得用于非法商业用途,不得违反国家法律。否则后果自负;
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解;
    5. 如有链接无法下载、失效或广告,请联系客服处理;
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需;
    7. 如遇到加密压缩包,默认解压密码为"www.bmcn.net",如无法解压的请联系客服处理。
    宝码资源下载 » dede如何集成百度搜索站内全站搜索站内按栏目搜索等功能的搜索栏