当前位置: 代码迷 >> Web前端 >> 织梦(dedecms)仿站课程第十讲―通用头部(六)搜索框
  详细解决方案

织梦(dedecms)仿站课程第十讲―通用头部(六)搜索框

热度:813   发布时间:2013-01-28 11:49:56.0
织梦(dedecms)仿站教程第十讲―通用头部(六)搜索框

今天接着上一讲,讲一下搜索框的制作,首先找到head.htm里面拳击在线的搜索代码:


  1. <FORM id=searchform method=post name=searchform action=/e/search/index.php>   
  2. <DIV class=search1>   
  3. 站内搜索: <INPUT id=keyboard class=search_a size=15 name=keyboard>   
  4. <INPUT value=title type=hidden name=show>   
  5. <INPUT value=1 type=hidden name=tempid>   
  6. <SELECT class=select name=tbname>   
  7. <OPTION selected value=news>新闻</OPTION> <OPTION value=download>下载</OPTION>   
  8. <OPTION value=photo>图库</OPTION>   
  9. <OPTION value=game>游戏</OPTION>   
  10. <OPTION value=movie>视频</OPTION>   
  11. <OPTION value=shop>商品</OPTION>   
  12. <OPTION value=article>文章</OPTION>   
  13. </SELECT>   
  14. <INPUT class=inputSub src="{dede:global.cfg_templets_skin/}/images/search.gif" type=image>   
  15. <A href="http://www.quanji.cn/search/" target=_blank>高级搜索</A>   
  16. </DIV>   
  17. </FORM>

修改为织梦的搜索框代码:


  1. <FORM name="formsearch" action="{dede:global.cfg_cmsurl/}/plus/search.php">   
  2. <DIV class=search1>站内搜索: <input type="hidden" name="kwtype" value="0" />   
  3. <INPUT id=search-keyword class=search_a size=15 name=q>   
  4. <select name="searchtype" class="select" id="search-option">   
  5. <option value="title" selected='1'>检索标题</option>   
  6. <option value="titlekeyword">智能模糊</option>   
  7. </select>   
  8. <NPUT class=inputSub src="{dede:global.cfg_templets_skin/}/images/search.gif" type=image>   
  9. <A href="{dede:global.cfg_cmsurl/}/plus/heightsearch.php" target=_blank>高级搜索</A>   
  10. </DIV>   
  11. </FORM> 

查看前台,搜索一个关键词测试一下搜索框。输入关键词css,点击搜索按钮,一切正常。 再往下看代码,是一个JS文件调用,原来是拳击在线搜索框右部的本站动态滚动,我们把这里改为调用织梦的某个特定的栏目,我们暂定这个栏目的ID为1。先看原来的代码:


  1. <MARQUEE scrollAmount=4><SCRIPT src="{dede:global.cfg_templets_skin/}/images/class110_newnews.js"></SCRIPT></MARQUEE> 

修改为:

 

  1. <MARQUEE scrollAmount=4> {dede:arclist typeid='1' row='1' titlelen='60'<a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a> {/dede:arclist} </MARQUEE> 

查看前台演示: 
滚动起来了。呵呵,本节成功结束,庆祝一下。通用头部也就结束了。下一节是讲幻灯片代码呢还是通用底部呢?我要想一想啊!不要猜了,到了下一讲就知道了。:)

  相关解决方案