換主頁輪播的主題圖片（二、添加）---輕開電子商務系統(企業入門級B2C網站)

接上一博

文件：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
【轉帖來自於】http://blog.csdn.net/tx18/article/details/46577295