Dreamweaver制作产品展示动态网页

来源：人民邮电出版社作者：4u2v工作室出处：巧巧读书 2006-05-11 进入讨论组

　　（ 6 ）将图 82-7 中的代码 src=”images/18.jpg” 改为 src="<%# "images /"+CpData.FieldValue ("CPID", Container)+".jpg" %>" 。

　　提示：本实例中将产品图片全部保存为“ jpg ”格式的图片，并将产品编号作为图片名，所以打开某一产品的图片时，其链接地址即为“路径” + “产品编号” + “ .jpg ”。

　　（ 7 ）添加行为。切换到设计视图，选择产品图像，并为其添加标签行为【打开浏览器窗口】，如图 82-8 所示。

　　提示：如果没有特别说明，其他实例中【打开浏览器窗口】行为中的窗口宽度、高度也设置为“ 500 ”、“ 350 ”。

　　（ 8 ）将【打开浏览器窗口】行为的响应事件由“ OnLoad ”改为“ onClick ”，如图 82-9 所示。

　　（ 9 ）切换到代码视图，找到【打开浏览器窗口】行为的源代码，如图 82-10 中圆角方框所示。

　　（ 10 ）将图 82-10 中的代码 'CPZL.aspx' 改为 'CPZL.aspx?CPID=' 。切换到【绑定】面板，将数据集“ CpData ”下的字段“ CPID ”绑定到修改代码的“ = ”之后，如图 82-11 所示。

　　（ 11 ）修改代码。切换到设计视图，选择“详细”图片，按第（ 7 ）至（ 10 ）步的操作添加【打开浏览器窗口】行为，并绑定字段“ CPID ”到修改代码的“ = ”之后。

　　（ 12 ）在设计视图中选择“购买”图片，参照第（ 7 ）至（ 10 ）步的操作添加【打开浏览器窗口】行为，设置 URL 为“ CPBY.aspx ”，将响应事件由“ OnLoad ”改为“ OnClick ”。再修改代码“ CPBY.aspx ”为“ CPBY.aspx?CPID= ”，然后绑定数据集“ CpData ”下的字段“ CPID ”到修改代码的“ = ”之后。

通告:http://www.qqread.com/dreamweaver/2006/05/q375109022.html 进入讨论组讨论。