android 实训 购物车实现,购物车编程实训报告.doc

购物车编程实训报告.doc

客户端购物车客户端购物车 6-29. 登录页面登录页面 1.功能页面功能页面 2.功能描述功能描述 1)当鼠标点击用户输入框且没有输入值，离开后输入框下面会提示 用户名不能为空；当鼠标点击密码输入框且没有输密码，离开后 密码输入框下面会同样提示密码不能为空； 2)当用户没有输入任何值时就点击登录，此时会提示“用户不能为 空”； 当用户完整输入用户名和密码时， 会跳转到用户指定的页面。 3.关键关键 js 代码代码 function check document.getElementById“nameinfo“.style.display“none“;未 输入之前隐藏提示字眼 document.getElementById“passwdinfo“.style.display“none“; var namedocument.getElementById“loginname“.value; ifname.length“; mytable.rows1.cells1.appendChilddocument.createTextNodena me; mytable.rows1.cells2.appendChilddocument.createTextNodespe cification; mytable.rows1.cells3.appendChilddocument.createTextNodepric e; mytable.rows1.cells4.appendChilddocument.createTextNodenu mber; mytable.rows1.cells5.innerHTML“删除|修改“ ifopflag1 var mytabledocument.getElementById“mytable“; mytable.rowsoprow.cells1.innerHTMLname; mytable.rowsoprow.cells2.innerHTMLspecification; mytable.rowsoprow.cells3.innerHTMLprice; mytable.rowsoprow.cells4.innerHTMLnumber; opflag0; 2) 修改删除功能的 js 代码 function updaterowobj opflag1; var robj.parentNode.parentNode.rowIndex; oprow1; var mytabledocument.getElementById“mytable“; document.getElementById“name“.valuemytable.rowsr.cells1.in nerHTML; document.getElementById“specification“.valuemytable.rowsr.cel ls2.innerHTML; document.getElementById“price“.valuemytable.rowsr.cells3.in nerHTML; document.getElementById“number“.valuemytable.rowsr.cells4 .innerHTML; function deleterowobj var robj.parentNode.parentNode.rowIndex; var mytabledocument.getElementById“mytable“; mytable.deleteRowr; 3) 提示功能的 js 代码 document.getElementById“priceinfo“.style.display“none“; document.getElementById“numberinfo“.style.display“none“; document.getElementById“priceinfo1“.style.display“none“; document.getElementById“numberinfo1“.style.display“none“; var pricedocument.getElementById“price“.value; ifprice.length var objswindow.dialogArguments; var sum0; var sumnumber0; function display var mytabledocument.getElementById“mytable“; forvar obj in objs mytable.insertRow1; mytable.rows1.insertCell0; mytable.rows1.cells0.innerHTMLobjsobj.name; mytable.rows1.insertCell1; mytable.rows1.cells1.innerHTMLobjsobj.price; mytable.rows1.insertCell2; mytable.rows1.cells2.innerHTMLobjsobj.number; mytable.rows1.insertCell3; mytable.rows1.cells3.innerHTMLobjsobj.price*objsobj.numbe r; sumobjsobj.price*objsobj.number; sumnumberNumberobjsobj.number; document.getElementById“zongjine“.valuesum; document.getElementById“zongshuliang“.valuesumnumber; function jiesuan alert“结算成功“; 7-2-1 购物车页面购物车页面 1 功能页面功能页面 2 功能描述功能描述 加入购物车后再点击查看购物车会出现购物车中的商品 3 关键关键 js 代码代码 var objswindow.dialogArguments; function display var mytabledocument.getElementById“mytable“; forvar obj in objs mytable.insertRow1; mytable.rows1.insertCell0; mytable.rows1.cells0.innerHTMLobjsobj.name; mytable.rows1.insertCell1; mytable.rows1.cells1.innerHTMLobjsobj.price; mytable.rows1.insertCell2; mytable.rows1.cells2.innerHTMLobjsobj.number; mytable.rows1.insertCell3; mytable.rows1.cells3.innerHTMLobjsobj.price*objsobj.numbe r; display;