<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <mce:script language="javascript"><!-- // Example: obj = findObj("image1"); function findObj(theObj, theDoc) { var p, i, foundObj; if (!theDoc) theDoc = document; if ((p = theObj.indexOf("?")) > 0 && parent.frames.length) { theDoc = parent.frames[theObj.substring(p + 1)].document; theObj = theObj.substring(0, p); } if (!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj]; for (i = 0; !foundObj && i < theDoc.forms.length; i++) foundObj = theDoc.forms[i][theObj]; for (i = 0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) foundObj = findObj(theObj, theDoc.layers[i].document); if (!foundObj && document.getElementById) foundObj = document.getElementById(theObj); return foundObj; } //添加一個參與人填寫行 function AddSignRow() { //讀取最後一行的行號,存放在txtTRLastIndex文本框中 var txtTRLastIndex = findObj("txtTRLastIndex", document); var rowID = parseInt(txtTRLastIndex.value); var signFrame = findObj("SignFrame", document); //添加行 var newTR = signFrame.insertRow(signFrame.rows.length); newTR.id = "SignItem" + rowID; //添加列:序號 var newNameTD = newTR.insertCell(0); //添加列內容 newNameTD.innerHTML = newTR.rowIndex.toString(); //添加列:姓名 var newNameTD = newTR.insertCell(1); //添加列內容 newNameTD.innerHTML = "<input name='txtName" + rowID + "' id='txtName" + rowID + "' type='text' size='12' />"; //添加列:電子郵箱 var newEmailTD = newTR.insertCell(2); //添加列內容 newEmailTD.innerHTML = "<input name='txtEMail" + rowID + "' id='txtEmail" + rowID + "' type='text' size='20' />"; //添加列:電話 var newTelTD = newTR.insertCell(3); //添加列內容 newTelTD.innerHTML = "<input name='txtTel" + rowID + "' id='txtTel" + rowID + "' type='text' size='10' />"; //添加列:手機 var newMobileTD = newTR.insertCell(4); //添加列內容 newMobileTD.innerHTML = "<input name='txtMobile" + rowID + "' id='txtMobile" + rowID + "' type='text' size='12' />"; //添加列:公司名 var newCompanyTD = newTR.insertCell(5); //添加列內容 newCompanyTD.innerHTML = "<input name='txtCompany" + rowID + "' id='txtCompany" + rowID + "' type='text' size='20' />"; //添加列:刪除按鈕 var newDeleteTD = newTR.insertCell(6); //添加列內容 newDeleteTD.innerHTML = "<div align='center' style='width:40px'><a href="javascript:;" mce_href="javascript:;" οnclick=/"DeleteSignRow('SignItem" + rowID + "')/">刪除</a></div>"; //將行號推進下一行 txtTRLastIndex.value = (rowID + 1).toString(); } //刪除指定行 function DeleteSignRow(rowid) { var signFrame = findObj("SignFrame", document); var signItem = findObj(rowid, document); //獲取將要刪除的行的Index var rowIndex = signItem.rowIndex; //刪除指定Index的行 signFrame.deleteRow(rowIndex); //重新排列序號,如果沒有序號,這一步省略 for (i = rowIndex; i < signFrame.rows.length; i++) { signFrame.rows[i].cells[0].innerHTML = i.toString(); } } //清空列表 function ClearAllSign() { if (confirm('確定要清空所有參與人嗎?')) { var signFrame = findObj("SignFrame", document); var rowscount = signFrame.rows.length; //循環刪除行,從最後一行往前刪除 for (i = rowscount - 1; i > 0; i--) { signFrame.deleteRow(i); } //重置最後行號爲1 var txtTRLastIndex = findObj("txtTRLastIndex", document); txtTRLastIndex.value = "1"; //預添加一行 AddSignRow(); } } // --></mce:script> </head> <body> <div> <table width="613" border="0" cellpadding="2" cellspacing="1" id="SignFrame"> <tr id="trHeader"> <td width="27" bgcolor="#96E0E2"> 序號 </td> <td width="64" bgcolor="#96E0E2"> 用戶姓名 </td> <td width="98" bgcolor="#96E0E2"> 電子郵箱 </td> <td width="92" bgcolor="#96E0E2"> 固定電話 </td> <td width="86" bgcolor="#96E0E2"> 移動手機 </td> <td width="153" bgcolor="#96E0E2"> 公司名稱 </td> <td width="57" align="center" bgcolor="#96E0E2"> </td> </tr> </table> </div> <div> <input type="button" name="Submit" value="添加參與人" οnclick="AddSignRow()" /> <input type="button" name="Submit2" value="清空" οnclick="ClearAllSign()" /> <input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" /> </div> </body> </html>
目錄 一、前言 二、效果圖 三、代碼 一、前言 本篇博客記錄一下基於JQuery實現的打字機效果代碼,感興趣的可以一起學習學習。將下面代碼複製到html文件中即可預覽效果。 二、效果圖 三、代碼 <!DOCTYPE html> <ht
在使用mui的scroll組件的時候,需要導入mui的js文件,執行以下代碼初始化組件: //導入mui的js文件 import mui from '../../lib/mui/js/mui.min.js' //初始化滑動控件 m
當異步操作依賴於上一個異步操作的時候,需要進行異步操作的嵌套,否則無法保證回調的順序執行。但是採用回調嵌套,會形成回調地獄。 爲了解決回調地獄的問題,在ES6中新增了promise API //新建一個承諾容器 var pi =
DWR簡介 DWR全稱Direct Web Remoting,是一款非常優秀的遠程過程調用(Remote Procedure Call)框架,通過瀏覽器提供的Ajax引擎實現在前端頁面的JS代碼中調用服務端Java代碼。使用它我們可以
ajax同步、異步執行簡單理解與證明 此理解範例代碼來自前幾篇隨筆! 首先我們來先了解下AJAX: Ajax:全稱“Asynchronous Javascript and XML”(異步Javascript和XML),他是由Ja
設定好消息格式如下: let message = { "resourseId": "assetId", "childrenResourseIds": [], "topoId": "self.topoId",
我們通常使用vscode編譯js腳本。如何直接運行我們想測試的代碼。 創建Test.js let message = { "resourseId": "assetId", "childrenResourseIds": [],
上傳圖片,即時顯示縮略圖 IE,FF中可能運行通過!! <html> <head> <meta content="text/html; charset=utf-8" http-equiv=content-type> <meta na