DreamweaverMX打造留言本（三）

• Dreamweaver MX Ultradev探索（7）打造我们的留言本（三）
  
  作者：hmily
  
  OK，接下来就是邮箱和主页地址了，和前面的做法稍有点不同，如图（7-18）和（7-19）所示。
  
  
  
  
  7-18
  
  
  7-19
  
  
  同样，要注意有个顺序，先选中邮箱这个图片，再从下面的属性面板中点击Link按钮。出现如图（7-20）所示的对话框，这里的意思就是如果点击这张图片的话连接到哪里去。
  
  (图片较大，请拉动滚动条观看)
  
  7-20
  
  以前呢，我们这个功能是连接到本地的某个页面去，但在DW MX里我们能通过选择Data Sources连接到动态的页面去。这里我们从记录集中email的字段，并记得在前面加上“mailto:”这里为什么加这个呢？是因为这个“mailto”是个html标签，即连接以OUTLOOK打开来发信。
  
  同时，记得要给这个email图片加上alt属性，即alt="<%=(guestbook.fields.item("f_name").value)%>的邮箱是<%=(guestbook.fields.item("f_email").value)%>,点击这里给他/她发信"。
  
  主页地址的连接方法如图（7-21）所示。
  
  (图片较大，请拉动滚动条观看)
  
  7-21
  
  绑定好连接后记得对图片加上alt属性，改成alt="<%=(guestbook.fields.item("f_name").value)%>的邮箱是<%=(guestbook.fields.item("f_homepage").value)%>,点击这里给他/她发信"
  
  
  是的，这里的确有点烦燥，不过加油吧，胜利在向我们招手呢。：）
  看看现在的效果吧，如图（7-22）所示。
  
  (图片较大，请拉动滚动条观看)
  
  7-22
  
  接下来要做的呢，就是给回复该主题和编辑、删除加上连接，并动态化。这里运用的服务器行为是跳转到细节页（Go To Detail Page）。在前面我们建立了回复页（rep.asp），编辑页（edit.asp）和删除页（del.asp），在这里我们也不一一详述如何进行连接了，效果如图（7-23，7-24，7-25）所示。
  
  
  
  
• [1] [2] [3] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• DreamweaverMX打造留言本（三） 相关文章：
• ·DreamweaverMX打造留言本（三）
• DreamweaverMX打造留言本（三） 相关软件

上一篇:Dreamweaver构建Blog全程实录

下一篇:DreamwaverMX与ASP.NET(一)

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐