您的位置:首页 > 运维架构 > 网站架构

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

2015-06-22 17:31 801 查看
接上一博

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

[html] view plaincopyprint?

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

效果



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

[html] view plaincopyprint?

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

...

form>

名称字段

[html] view plaincopyprint?

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

链接地址字段

[html] view plaincopyprint?

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

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

[html] view plaincopyprint?

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

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

[html] view plaincopyprint?

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

提交操作

[html] view plaincopyprint?

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

提交校验的js脚本

[javascript] view plaincopyprint?

var save = document.forms['save'];

function doSubmit()

{

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

{

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

save.NAME.focus();

return;

}

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

{

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

save.LINK.focus();

return;

}

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

if(str!="")

{

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

if(str!='.jpg' && str!='.gif')

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

}

else{

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

return;

}

save.submit();

}

效果



全部代码

[html] view plaincopyprint?

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

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

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

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

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

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

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

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

form>

table><br>

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

<script>

var save = document.forms['save'];

function doSubmit()

{

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

{

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

save.NAME.focus();

return;

}

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

{

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

save.LINK.focus();

return;

}

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

if(str!="")

{

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

if(str!='.jpg' && str!='.gif')

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

}

else{

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

return;

}

save.submit();

}

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
【转帖来自于】/article/2891157.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: