通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>网页设计>>dreamweaver>>正文 新版上线![旧版]
注:打开慢时请稍等
用dreamweaver做搜索表单

http://www.iyit.net  日期:2006-5-5 10:24:02  来源:中国站长学院  点击:
参加讨论】本例介绍了在dreamweaver mx 2004中如何制作asp搜索表单。

 应用本教程前的准备工作:
 ①已经成功建立asp运行环境;
 ②已经在dreamweaver中建立动态站点并成功连接数据库;

 1、首先在要输入搜索信息的页面上(如:index.htm)建立一个搜索的表单,
 

 
 表单中包含一个文本域(input text),名称(name)为"keyword",

 

 
 表单(form)的名称(name)为"form1",动作(action)填入"search.asp";

 

 
 2、制作处理搜索结果页search.asp,你可以先设计好页面的界面。设计好之后,开始建立记录集。在“应用程序”面板上点击“绑定”>“记录集(查询)”。输入名称,选择相应的连接和数据表,在“筛选”中,选择一个字段“包含”“表单变量”:"keyword"(和你在index.htm中定义的文本框的名称一致),

 

 

 切换到高级视图,可以看到生成的sql语句;

 

 3、在页面中将记录一一绑定,图中的{form.keyword},实际上是<%= request.form("keyword") %>以获取搜索的内容。接下来就可以对已经绑定的动态数据添加服务器行为,如“重复区域”、“分页”等等,

 

 因为搜索过程中很有可能出现搜索的内容不存在的情况,所以我们这里一定要添加一个“如果记录集不为空则显示”的服务器行为。选中动态数据所在的那一行(<tr>...</tr>),点击“服务器行为”中的“显示区域”>“如果记录集不为空则显示”。再找到
 <% end if   end not search.eof or not search.bof %> 
 所在的地方,在前面添加几行代码,成为如下:
 <% else %>
 <tr><td>你所查询的内容不存在,请更改关键词后再查询!</td></tr>
 <% end if   end not search.eof or not search.bof %>

 4、这个搜索表单基本上已经完成了。但如果要想让搜索出的结果以突出的方式显示(比如用红色、加粗的字体表示),则可以在html代码的<html>标记之前加入以下代码:

 <%
 function showbold(thefield)
 set objregexp= new regexp
 objregexp.pattern="(" & request.form("keyword") & ")" 其中的keyword要和index.htm中文本框的名字一致
 objregexp.ignorecase=true
 objregexp.global=true
 showbold=objregexp.replace(thefield,"<font color=red><b>$1</b></font>")
 end function
 %>
 

 
 图中橙色背景的部分即是页面中要突出显示的效果。

 5、然后在要突出显示的地方修改以下代码:
 如将原来的<%=(search.fields.item("n_contents").value)%>修改为:
 <%=showbold(search.fields.item("n_contents").value)%>

 

 ok,到这里就完成了。


编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:用dreamweaver mx创造网页鼠标样式
下一篇:聚焦dreamweaver mx 2004
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
去除dw mx 2004表格宽度辅助
驯服不听话的网页表格
dw mx 2004代码编辑新功能
细品dw mx 2004内建fw技术
用 javascript 写的一个映射表类
ajax的七宗罪
驳“ajax 的七宗罪”
javascript 实用的一些技巧 
奇妙的javascript图片放大镜
网页制作技巧24条
网页保存另类技巧3则
设计高手进阶技巧:用记事本编辑网页
高手传经 网页设计中的几个小技巧
从美的原则谈网页上的艺术表现:美的原
传统二维动画和flash动画的比较
去除dw mx 2004表格宽度辅助
驯服不听话的网页表格
dw mx 2004代码编辑新功能
细品dw mx 2004内建fw技术
用 javascript 写的一个映射表类
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
教您显示器亮度对比度的调节
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
免费在qq上看在线电影电视听音乐
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息