jsexample.js
上传用户:linhai
上传日期:2022-07-24
资源大小:184k
文件大小:8k
源码类别:

企业管理

开发平台:

Others

  1. // JavaScript Document
  2. //用于输出错误消息
  3. function processStateChange() {
  4.     if (req.readyState == 4) { // Complete
  5.       if (req.status == 200) { // OK response
  6.         document.getElementById("theResponse").innerHTML = req.responseText;
  7.       } else {
  8.         alert("Problem: " + req.statusText);
  9.       }
  10.     }
  11.   }
  12. var xmlHttp;
  13. var name;
  14. var title;
  15. var department;
  16. var deleteID;
  17. var EMP_PREFIX = "emp-";
  18. function createXMLHttpRequest() {
  19. if (window.ActiveXObject) {
  20. xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  21. } else {
  22. if (window.XMLHttpRequest) {
  23. xmlHttp = new XMLHttpRequest();
  24. }
  25. }
  26. }
  27. function addEmployee() {
  28. name = document.getElementById("name").value;
  29. title = document.getElementById("title").value;
  30. department = document.getElementById("dept").value;
  31. action = "add";
  32. if (name == "" || title == "" || department == "") {
  33. return;
  34. }
  35. var url = "EmployeeList?" + createAddQueryString(name, title, department, "add") + "&ts=" + new Date().getTime();
  36. createXMLHttpRequest();
  37. xmlHttp.onreadystatechange = handleAddStateChange;
  38. xmlHttp.open("GET", url, true);
  39. xmlHttp.send(null);
  40. }
  41. function createAddQueryString(name, title, department, action) {
  42. var queryString = "name=" + name + "&title=" + title + "&department=" + department + "&action=" + action;
  43. return queryString;
  44. }
  45. function handleAddStateChange() {
  46. if (xmlHttp.readyState == 4) {
  47. if (xmlHttp.status == 200) {
  48. updateEmployeeList();
  49. clearInputBoxes();
  50. } else {
  51. alert("Error while adding employee.");
  52. }
  53. }
  54. }
  55. function clearInputBoxes() {
  56. document.getElementById("name").value = "";
  57. document.getElementById("title").value = "";
  58. document.getElementById("dept").value = "";
  59. }
  60. function deleteEmployee(id) {
  61. deleteID = id;
  62. var url = "EmployeeList?" + "action=delete" + "&id=" + id + "&ts=" + new Date().getTime();
  63. createXMLHttpRequest();
  64. xmlHttp.onreadystatechange = handleDeleteStateChange;
  65. xmlHttp.open("GET", url, true);
  66. xmlHttp.send(null);
  67. }
  68. function updateEmployeeList() {
  69. var responseXML = xmlHttp.responseXML;
  70. var status = responseXML.getElementsByTagName("status").item(0).firstChild.nodeValue;
  71. status = parseInt(status);
  72. if (status != 1) {
  73. return;
  74. }
  75. var row = document.createElement("tr");
  76. var uniqueID = responseXML.getElementsByTagName("uniqueID")[0].firstChild.nodeValue;
  77. row.setAttribute("id", EMP_PREFIX + uniqueID);
  78. row.appendChild(createCellWithText(name));
  79. row.appendChild(createCellWithText(title));
  80. row.appendChild(createCellWithText(department));
  81. var deleteButton = document.createElement("input");
  82. deleteButton.setAttribute("type", "button");
  83. deleteButton.setAttribute("value", "Delete");
  84. deleteButton.onclick = function () {
  85. deleteEmployee(uniqueID);
  86. };
  87. cell = document.createElement("td");
  88. cell.appendChild(deleteButton);
  89. row.appendChild(cell);
  90. document.getElementById("employeeList").appendChild(row);
  91. updateEmployeeListVisibility();
  92. }
  93. function createCellWithText(text) {
  94. var cell = document.createElement("td");
  95. cell.appendChild(document.createTextNode(text));
  96. return cell;
  97. }
  98. function handleDeleteStateChange() {
  99. if (xmlHttp.readyState == 4) {
  100. if (xmlHttp.status == 200) {
  101. deleteEmployeeFromList();
  102. } else {
  103. alert("Error while deleting employee.");
  104. }
  105. }
  106. }
  107. function deleteEmployeeFromList() {
  108. var status = xmlHttp.responseXML.getElementsByTagName("status").item(0).firstChild.nodeValue;
  109. status = parseInt(status);
  110. if (status != 1) {
  111. return;
  112. }
  113. var rowToDelete = document.getElementById(EMP_PREFIX + deleteID);
  114. var employeeList = document.getElementById("employeeList");
  115. employeeList.removeChild(rowToDelete);
  116. updateEmployeeListVisibility();
  117. }
  118. function updateEmployeeListVisibility() {
  119. var employeeList = document.getElementById("employeeList");
  120. if (employeeList.childNodes.length > 0) {
  121. document.getElementById("employeeListSpan").style.display = "";
  122. } else {
  123. document.getElementById("employeeListSpan").style.display = "none";
  124. }
  125. }
  126. /*function setCookie(name,value){
  127. var cookie = name + "=" + encodeURIComponent(value);
  128. document.cookie = cookie;
  129. }
  130. function addItem(){
  131. var tr = document.createElement("tr");
  132. tr.setAttribute("class","separator");
  133. tr.setAttribute("align","center");
  134. tr.setAttribute("bgcolor","#ffffff");
  135. var td = document.createElement("td");
  136. td.setAttribute("align","left");
  137. td.setAttribute("style","padding-left: 0px;");
  138. tr.appendChild(td);
  139. var td1 = document.createElement("td");
  140. td1.setAttribute("align","left");
  141. td1.setAttribute("style","padding-left: 0px;");
  142. var input1 = document.createElement("input");
  143. input1.setAttribute("type","text");
  144. input1.setAttribute("size","52");
  145. td1.appendChild(input1);
  146. tr.appendChild(td1);
  147. var td2 = document.createElement("td");
  148. td2.setAttribute("align","left");
  149. td2.setAttribute("style","padding-left: 0px;");
  150. var input2 = document.createElement("input");
  151. input2.setAttribute("type","text");
  152. input2.setAttribute("size","35");
  153. td2.appendChild(input2);
  154. tr.appendChild(td2);
  155. var td3 = document.createElement("td");
  156. td3.setAttribute("align","left");
  157. td3.setAttribute("style","padding-left: 0px;");
  158. var input3 = document.createElement("input");
  159. input3.setAttribute("type","text");
  160. input3.setAttribute("size","28");
  161. td3.appendChild(input3);
  162. tr.appendChild(td3);
  163. var td4 = document.createElement("td");
  164. td4.setAttribute("width","5%");
  165. var a4 = document.createElement("a");
  166. var text4 = document.createTextNode("修改");
  167. a4.appendChild(text4);
  168. td4.appendChild(a4);
  169. tr.appendChild(td4);
  170. var td5 = document.createElement("td");
  171. td5.setAttribute("width","5%");
  172. var a5 = document.createElement("a");
  173. var text5 = document.createTextNode("删除");
  174. a5.appendChild(text5);
  175. td5.appendChild(a5);
  176. tr.appendChild(td5);
  177. var table = document.getElementById("table1");
  178. table.appendChild(tr);
  179. }*/
  180. function addItem() {
  181. var tr = document.createElement("tr");
  182. tr.setAttribute("align", "center");
  183. tr.setAttribute("bgcolor", "#ffffff");
  184. var td1 = document.createElement("td");
  185. td1.setAttribute("align", "left");
  186. var text1 = document.createTextNode(productName);
  187. td1.appendChild(text1);
  188. tr.appendChild(td1);
  189. var td2 = document.createElement("td");
  190. td2.setAttribute("align", "center");
  191. var text2 = document.createTextNode(shelfName);
  192. td2.appendChild(text2);
  193. tr.appendChild(td2);
  194. var td3 = document.createElement("td");
  195. td3.setAttribute("align", "center");
  196. var text3 = document.createTextNode(qty);
  197. td3.appendChild(text3);
  198. tr.appendChild(td3);
  199. var td4 = document.createElement("td");
  200. var a4 = document.createElement("a");
  201. a4.setAttribute("href", "#");
  202. a4.setAttribute("onclick", "#");
  203. var text4 = document.createTextNode("u5220u9664");
  204. a4.appendChild(text4);
  205. td4.appendChild(a4);
  206. tr.appendChild(td4);
  207. var table = document.getElementById("table1");
  208. table.appendChild(tr);
  209. }
  210. <script type="text/javascript">
  211. <!--
  212. function addItem(){
  213. var tr = document.createElement("tr");
  214. tr.setAttribute("class","separator");
  215. tr.setAttribute("align","center");
  216. tr.setAttribute("bgcolor","#ffffff");
  217. var td = document.createElement("td");
  218. td.setAttribute("align","left");
  219. td.setAttribute("style","padding-left: 0px;");
  220. var input = document.createElement("input");
  221. input.setAttribute("type","text");
  222. input.setAttribute("size","52");
  223. td.appendChild(input);
  224. tr.appendChild(td);
  225. var td1 = document.createElement("td");
  226. td1.setAttribute("align","left");
  227. td1.setAttribute("style","padding-left: 0px;");
  228. var input1 = document.createElement("input");
  229. input1.setAttribute("type","text");
  230. input1.setAttribute("size","52");
  231. td1.appendChild(input1);
  232. tr.appendChild(td1);
  233. var td2 = document.createElement("td");
  234. td2.setAttribute("align","left");
  235. td2.setAttribute("style","padding-left: 0px;");
  236. var input2 = document.createElement("input");
  237. input2.setAttribute("type","text");
  238. input2.setAttribute("size","35");
  239. td2.appendChild(input2);
  240. tr.appendChild(td2);
  241. var td3 = document.createElement("td");
  242. td3.setAttribute("align","left");
  243. td3.setAttribute("style","padding-left: 0px;");
  244. var input3 = document.createElement("input");
  245. input3.setAttribute("type","text");
  246. input3.setAttribute("size","28");
  247. td3.appendChild(input3);
  248. tr.appendChild(td3);
  249. var table = document.getElementById("list");
  250. table.appendChild(tr);
  251. }
  252. //-->
  253. </script>