雷火电竞-中国电竞赛事及体育赛事平台

代理加盟

2023全新代理計(jì)劃,一站式模板建站,銅牌代理低至699元送終身VIP,獨(dú)立代理后臺(tái),自營(yíng)貼牌。

您現(xiàn)在的位置: 麥站網(wǎng) > 織夢(mèng)大學(xué) > 使用教程 >

DedeCMS實(shí)現(xiàn)百度搜索下拉菜單提示信息功能

來(lái)源:本站原創(chuàng) 發(fā)布時(shí)間:2019-03-31 13:44:04熱度:我要評(píng)論(0

麥站模板建站平臺(tái)(10年經(jīng)驗(yàn)),服務(wù)數(shù)萬(wàn)家企業(yè),固定透明報(bào)價(jià)。域名注冊(cè)、主機(jī)/服務(wù)器、網(wǎng)站源碼一站式服務(wù)。實(shí)體公司,專(zhuān)業(yè)團(tuán)隊(duì),值得選擇!超過(guò)1000套模板已登記版權(quán),合規(guī)合法建站,規(guī)避版權(quán)風(fēng)險(xiǎn)!【點(diǎn)擊獲取方案】

       資訊類(lèi)、知識(shí)類(lèi)、商城類(lèi)網(wǎng)站都有全站搜索功能,用戶(hù)對(duì)網(wǎng)站比較熟悉了才考慮搜索,對(duì)新站來(lái)說(shuō),這個(gè)功能在前期暫時(shí)不考慮。

       “百度站內(nèi)搜索”也比較成熟了,可以設(shè)置站內(nèi)搜索還是全網(wǎng)搜索,還能獲得廣告費(fèi)用,許多人就放棄DedeCMS原生的搜索功能。如果能實(shí)現(xiàn)和百度搜索一樣下拉菜單來(lái)對(duì)本站標(biāo)題AJAX預(yù)加載,效率會(huì)高許多,DedeCMS搜索功能比較強(qiáng)大,不妨跟著秀站網(wǎng)利用AJAX實(shí)現(xiàn)這個(gè)小功能。也算是對(duì)AJAX的一種應(yīng)用。

百度搜索下拉菜單

在需要增加該功能的模板</head>之前增加js代碼

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript"> 
    function lookup(inputString) { 
        if(inputString.length == 0) { 
            // Hide the suggestion box. 
            $('#suggestions').hide(); 
        } else { 
            $.post("{dede:global.cfg_cmspath/}/plus/search_list.php", {queryString: ""+inputString+""}, function(data){ 
                if(data.length >0) { 
                    $('#suggestions').show(); 
                    $('#autoSuggestionsList').html(data); 
                } 
            }); 
        } 
    } // lookup   
    function fill(thisValue) { 
        $('#inputString').val(thisValue); 
        setTimeout("$('#suggestions').hide();", 200); 
    } 
</script> 

在/plus/下增加search_list.php,代碼如下

       為保證數(shù)據(jù)安全,數(shù)據(jù)庫(kù)調(diào)用以下橙色部分的還是規(guī)定范圍。

<?php
header("Content-Type: text/html;charset=utf-8");
require_once(dirname(__FILE__)."/../include/common.inc.php");
global $dsql;
if(isset($_POST['queryString'])) {
 $queryString = $_POST['queryString'];
 if(strlen($queryString) >0) {
  $dsql->SetQuery("SELECT id,title,typeid FROM #分隔符@__archives WHERE title LIKE '%$queryString%' and arcrank=0 order by click desc LIMIT 10");
  $dsql->Execute();
  while ($result = $dsql->GetArray()) {
   $bb=$result["title"];
   //把查詢(xún)到的標(biāo)題存入$bb
   $bb=str_ireplace($queryString, '<font color=\'red\'>'.$queryString.'</font>', $bb);
   //使查詢(xún)到的關(guān)鍵字為紅色,更改color后邊的顏色代碼,可以改變顏色。
   $a=$result["typeid"]; 
   $row=$dsql->GetOne("SELECT typedir,id FROM #分隔符@__arctype WHERE id=$a");
   $aa=$row['typedir'];
   $aa=str_replace("{cmspath}",$cfg_basehost,$aa);//絕對(duì)路徑處理
   $id=$result['id'];
   echo '<li><a target="_blank" href="'.$aa.'/'.$id.'.html">'.$bb.'</a></li>';
  }
 }else{
  }
}else{
echo '參數(shù)為空!!';
}
?>

       CSS樣式可以自己寫(xiě),比如

 

.suggestionsBox { position:relative; left:0px;width: 250px; background: white;border: 1px solid #dcdcdc;color: #323232; z-index:999; } 
.suggestionList { margin: 0px; padding: 0px; } 
.suggestionList li { margin: 0px 0px 3px 0px; position:relative;padding: 3px; cursor: pointer;list-style:none;padding-left:5px;height:20px;overflow:hidden} 
.suggestionList li:hover { background-color: #659CD8; } 
.jr{position:absolute;top:9px;right:-5px}

 

       上面的修改方法只適合utf-8版本的織夢(mèng),utf-8稱(chēng)為萬(wàn)國(guó)碼,兼容性更強(qiáng),聽(tīng)說(shuō)一些手機(jī)還不兼容gbk,轉(zhuǎn)換參考文章《DedeCMS全站UTF-8和GBK無(wú)損互轉(zhuǎn)

    轉(zhuǎn)載請(qǐng)注明來(lái)源網(wǎng)址:http://www.jygsgssxh.com/dedecms_jq/1391.html

    發(fā)表評(píng)論

    評(píng)論列表(條)

       
      QQ在線咨詢(xún)
      VIP限時(shí)特惠