码迷,mamicode.com
首页 > Web开发 > 详细

换主页轮播的主题图片(2、添加)---轻开电子商务系统(企业入门级B2C网站)

时间:2015-06-22 17:52:02      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

接上一博

文件:site/links/img0.html中的添加按钮(第14行)

 

[html] view plaincopyprint?

 

  1. <center><if x="@{sys:canDo}"><href="@{sys:face}site/links/img0_add.html" x=true>[添加]a>if>center>  

效果

 

技术分享

点“[添加]”跳转到文件:site/links/img0_add.html(在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下)
表单

 

[html] view plaincopyprint?

 

  1. <form id=save action="@{sys:face}site/links/img0_add_up1.chtml" onsubmit="return false;" target=_self method=post enctype="multipart/form-data">

  2. ...  

  3. form>  

名称字段

[html] view plaincopyprint?

 

  1. <tr><td width=88><font class=actTitle>名    称font>td><td width=700><INPUT size=36 name=NAME>td>tr>  

链接地址字段

[html] view plaincopyprint?

 

  1. <tr><td><font class=actTitle>链接地址font>td><td><INPUT size=40 name=LINK>td>tr>  

图片字段(注意图片的宽和高)

[html] view plaincopyprint?

 

  1. <tr><td><font class=actTitle>图    片font>td><td><INPUT name=IMAGE size=32 type=file>(730x486)td>tr>  

保存后返回的地址(隐藏属性)

[html] view plaincopyprint?

 

  1. <input type=hidden name=reUrl value="site/links/img0.html">

提交操作

[html] view plaincopyprint?

 

  1. <center><href="javascript:doSubmit();" title="提交!">[提交]a>center>  

提交校验的js脚本

[javascript] view plaincopyprint?

 

  1. var save = document.forms[‘save‘];  

  2. function doSubmit()  

  3. {  

  4.     if(save.NAME.value=="")  

  5.     {  

  6.         alert("名称还没填!");  

  7.         save.NAME.focus();  

  8.         return;  

  9.     }  

  10.     if(save.LINK.value=="")  

  11.     {  

  12.         alert("链接地址不能为空!");  

  13.         save.LINK.focus();  

  14.         return;  

  15.     }  

  16.     var str = save[‘IMAGE‘].value.toLowerCase();  

  17.     if(str!="")  

  18.     {  

  19.         str = str.substring(str.length-4);  

  20.         if(str!=‘.jpg‘ && str!=‘.gif‘)  

  21.         {alert("只能用 jpg 或 gif 图片");return;}  

  22.     }  

  23.     else{  

  24.         alert("必需上传图片!");  

  25.         return;  

  26.     }  

  27.     save.submit();  

  28. }  

效果
技术分享

 

全部代码

 

[html] view plaincopyprint?

 

  1. <LINK href="@{sys:path}base/css/main.css" type="TEXT/CSS" rel="STYLESHEET">

  2. <table width=90% align=center border=cellpadding="3" cellspacing="0" style="border-collapse:collapse;font-size:12px">

  3. <tr><th colspan=2>.<font class=listTitle>添加主题图片font>.th>tr>  

  4. <form id=save action="@{sys:face}site/links/img0_add_up1.chtml" onsubmit="return false;" target=_self method=post enctype="multipart/form-data">

  5.     <input type=hidden name=reUrl value="site/links/img0.html">

  6.     <tr><td width=88><font class=actTitle>名    称font>td><td width=700><INPUT size=36 name=NAME>td>tr>  

  7.     <tr><td><font class=actTitle>链接地址font>td><td><INPUT size=40 name=LINK>td>tr>  

  8.     <tr><td><font class=actTitle>图    片font>td><td><INPUT name=IMAGE size=32 type=file>(730x486)td>tr>  

  9. form>  

  10. table><br>  

  11. <center><href="javascript:doSubmit();" title="提交!">[提交]a>center>  

  12. <script>

  13. var save = document.forms[‘save‘];  

  14. function doSubmit()  

  15. {  

  16.     if(save.NAME.value=="")  

  17.     {  

  18.         alert("名称还没填!");  

  19.         save.NAME.focus();  

  20.         return;  

  21.     }  

  22.     if(save.LINK.value=="")  

  23.     {  

  24.         alert("链接地址不能为空!");  

  25.         save.LINK.focus();  

  26.         return;  

  27.     }  

  28.     var str = save[‘IMAGE‘].value.toLowerCase();  

  29.     if(str!="")  

  30.     {  

  31.         str = str.substring(str.length-4);  

  32.         if(str!=‘.jpg‘ && str!=‘.gif‘)  

  33.         {alert("只能用 jpg 或 gif 图片");return;}  

  34.     }  

  35.     else{  

  36.         alert("必需上传图片!");  

  37.         return;  

  38.     }  

  39.     save.submit();  

  40. }  

  41. script>  

(文件:site/links/img0_add.html)在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下

 

 

轻松互联网开发平台(Easy Do IT)资源下载

 

开发实例:轻开企业入门级B2C电子商务网站,免费下载:http://download.csdn.net/detail/tx18/8818883轻开平台会不定期升级为大家提供更多强大而Easy的功能,请留意下载最新的版本


【小萌库】相关精品书籍推荐
广告产品和架构.pdf
产品规划模版.pdf
产品经理手册.pdf
产品经理手册.pdf
产品经理手册.pdf

【更多精选】http://coding.hongjuzi.net
【转帖来自于】http://blog.csdn.net/tx18/article/details/46577295

换主页轮播的主题图片(2、添加)---轻开电子商务系统(企业入门级B2C网站)

标签:

原文地址:http://www.cnblogs.com/luodao1991/p/4593555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!