-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathedit_delete-data.html
76 lines (66 loc) · 1.81 KB
/
edit_delete-data.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
<script>
var l,r;
function fn()
{
var a=document.getElementById("t");
var fi=document.getElementById("fn");
var la=document.getElementById("ln");
a.style.display="";
var r=a.insertRow();
r.insertCell().innerHTML=fi.value;
r.insertCell().innerHTML=la.value;
r.insertCell().innerHTML="<input type='submit' value='edit' onclick='ed(this)'/><input type='submit' value='delete' onclick='del(this)'/>";
}
function del(x)
{
l=x.parentNode.parentNode;
var t1=document.getElementById("t");
t1.deleteRow(l.rowIndex);
}
function ed(y)
{
r=y.parentNode.parentNode;
var fn1=document.getElementById("fn");
var ln1=document.getElementById("ln");
var v=document.getElementById("u");
var s=document.getElementById("s");
v.style.display="";
s.style.display="none";
var p=r.cells[0];
var q=r.cells[1];
fn1.value=p.innerHTML;
ln1.value=q.innerHTML;
}
function up()
{
//var r=y.parentNode.parentNode;
var v=document.getElementById("u");
var s=document.getElementById("s");
var fn1=document.getElementById("fn");
var ln1=document.getElementById("ln");
var p=r.cells[0];
var q=r.cells[1];
p.innerHTML=fn1.value;
q.innerHTML=ln1.value;
v.style.display="none";
s.style.display="";
}
</script>
</head>
<body>
firstname<input type="text" name="fn" id="fn"/><br><br>
lastname<input type="text" name="ln" id="ln"/><br><br>
<input type="submit" onclick="fn()" id="s"/>
<input type="submit" value="update" onclick="up()" id="u" style="display:none"/>
<table id="t" border="1px" style="display:none;text-align:center">
<tr>
<td>firstname</td>
<td>lastname</td>
<td>action</td>
</tr>
</table>
</body>
</html>