請各位高手大大們看看下面的需求如何實現.-
需要達到的功能是:
1.大項可以移動,大項分別是:
壹、災情簡要 , 貳、災情基本資料 ,參、應變情形 ,肆、撤離情形
可以將 大項 "貳、災情基本資料 " 和 大項 "壹、災情簡要 " 進行互換 ,頁面的位置.
並且 如果大項 "壹、災情簡要 " 排在了 大項 "貳、災情基本資料 " 下面了 ,那麼就必需將大項名字前的序號進行替換,
替換後的結果為 大項 "壹、災情基本資料 " , "貳、災情簡要 "
2.可以移除大項, 如果某個大項被移除那麼後面的大項的序號要隨之變化.
如大項 "參、應變情形 " 被移除,那麼 後面的大項 "肆、撤離情形 " 變成了 "參、撤離情形 "
3.移除的大項可以恢復, 如果大項 "參、應變情形 " 被移除 後面的大項 "肆、撤離情形 " 變成了 "參、撤離情形 ",但點選恢復後
則排列的順序就又變成了 "參、應變情形 " , "肆、撤離情形 "
請各位大大幫幫小弟,看看如何處理這個需求,另外 大項不止上面的四個,是動態的 可能就一個也可能是几十個,
每次設置完成後都會保存狀態,以便下次進入畫面後顯示的是已經設置後的值,畫面大約就長這個樣子,當然各位大大可以
進行畫面佈局的增加修改以便達到功能
以下是html code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=big5 " />
<title> 無標題文件 </title>
</head>
<body>
<div id= "head " TSTyle= "width:90%;margin:auto ">
<p align= "center ">
<font face= "標楷體 " size= "6 " color= "#006666 "> 報告資料(各單位) </font> </p>
</div>
<p> </p>
<div id= "centerArea " TSTyle= "width:90%;margin:auto "> </div>
<div id= "content " TSTyle= "width:90%;margin:auto ">
<table width= "81% " border= "1 ">
<tr>
<td colspan= "3 " bgcolor= "#CCCCCC ">
<font size= "4 "> <TSTrong> 壹、災情簡要 </TSTrong> </font> </td>
</tr>
<tr>
<td colspan= "3 ">
<textarea name= "textarea2 " id= "textarea2 " rows= "5 " cols= "107 " readonly TSTyle= "background-color: #FFFFCC; border-TSTyle: solid; border-width: 0; font-size: 16px "> </textarea> </td>
</tr>
<tr>
<td colspan= "3 " bgcolor= "#CCCCCC ">
<font size= "4 "> <TSTrong> 貳、災情基本資料 </TSTrong> </font> </td>
</tr>
<tr>
<td width= "31% " bgcolor= "#E7FFCE "> 雨量 </td>
<td width= "38% "> 氣象局 </td>
<td width= "31% " align= "right " bgcolor= "#E7FFCE ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td colspan= "3 " align= "center ">
<table width= "90% " TSTyle= "border-collapse: separate ;border: 0px solid #666; ">
<tr bgcolor= "#C7E36B " >
<td width= "15% "> 省別 </td>
<td width= "15% "> 市別 </td>
<td width= "15% "> 雨量(釐米) </td>
<td> 備註 </td>
</tr>
<tr bgcolor= "#edf5ff ">
<td> 江蘇 </td>
<td> 南京市 </td>
<td> 125 </td>
<td> 無 </td>
</tr>
</table> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 風速 </td>
<td> 氣象局 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td colspan= "3 " align= "center ">
<table width= "90% " TSTyle= "border-collapse: separate ;border: 0px solid #666; ">
<tr bgcolor= "#C7E36B " >
<td width= "15% "> 省別 </td>
<td width= "15% "> 市別 </td>
<td width= "15% "> 風(級) </td>
<td> 備註 </td>
</tr>
<tr bgcolor= "#edf5ff ">
<td> 江蘇 </td>
<td> 北京市 </td>
<td> 5 </td>
<td> 無 </td>
</tr>
</table> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 河川水位 </td>
<td> 水利部 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td colspan= "3 " align= "center ">
<table width= "90% " TSTyle= "border-collapse: separate ;border: 0px solid #666; ">
<tr bgcolor= "#C7E36B " >
<td width= "15% "> 河川名稱 </td>
<td width= "15% "> 水位情形 </td>
<td> 備註 </td>
</tr>
<tr bgcolor= "#edf5ff ">
<td> 河川 </td>
<td> 水位 </td>
<td> 無 </td>
</tr>
</table> </td>
</tr>
<tr>
<td colspan= "3 " bgcolor= "#CCCCCC ">
<font size= "4 "> <TSTrong> 參、應變情形 </TSTrong> </font> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 災害應變情形 </td>
<td> 消防局 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td colspan= "3 " align= "center ">
<table width= "90% " TSTyle= "border-collapse: separate ;border: 0px solid #666; ">
<tr bgcolor= "#C7E36B " >
<td width= "15% "> 類別 </td>
<td width= "15% "> 市別 </td>
<td> 備註 </td>
</tr>
<tr bgcolor= "#edf5ff ">
<td> 應變中心 </td>
<td> 海南 </td>
<td> 無 </td>
</tr>
</table> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 劃設情形 </td>
<td> 消防局 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 土石流情形 </td>
<td> 消防局 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 登山聯繫 </td>
<td> 消防局 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 漁工安置 </td>
<td> 消防局 </td>
<td bgcolor= "#E7FFCE " align= "right ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 停止上班情形 </td>
<td colspan= "2 ">
<textarea name= "_areSUMMARY16 " id= "_areSUMMARY16 " rows= "3 " cols= "72 " readonly TSTyle= "background-color: #FFFFCC; border-TSTyle: solid; border-width: 0; font-size: 16px "> </textarea> </td>
</tr>
<tr>
<td colspan= "3 " bgcolor= "#CCCCCC ">
<font size= "4 "> <TSTrong> 肆、撤離情形 </TSTrong> </font> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 強制撤離人數 </td>
<td> 水利部 </td>
<td align= "right " bgcolor= "#E7FFCE ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 收容情形 </td>
<td> 水利部 </td>
<td align= "right " bgcolor= "#E7FFCE ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
<tr>
<td bgcolor= "#E7FFCE "> 救災物資發放 </td>
<td> 水利部 </td>
<td align= "right " bgcolor= "#E7FFCE ">
<input type= "button " name= "_btnUpdate " id= "_btnUpdate " value= "維護 " onclick= "javascript:Submit_Chk(frm, 'jsp/TST/TST00016 ', 'TST16001 ') "> </td>
</tr>
</table>
</div>
</body>
</html>
[解决办法]
看不大懂，就胡乱说说，可以考虑用ajax。页面初始化的时候调用后台方法到数据库里面取出相关信息，返回到前台之后调用js方法处理。
页面做了“维护”之后，也调用ajax把数据维护到数据库里面。
[解决办法]
1.另外選擇一個畫面進行配置,當然客戶如果同意的話
2.ajax 當然可以直接用js控制
3.繁體字看的的確頭暈,嘿嘿 不過我在台彎的公司 所以有點習慣了