"Automatic Quotation System"
Bootstrap 3.3.0 Snippet by S3V3

Post to Facebook Tweet this

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<h1>Automatic Quotation System</h1>
<table id="titlebar" cellspacing="1px">
<tr>
<td style="width:540px;" colspan="2">✓ (Click check box and "Delete Button" to delete the entry)</td>
</tr>
</table>
<form action="send.php" method="POST">
<table id="dataTable" width="auto" style="margin:-4px 0 0 0;" cellspacing="0px">
<tr>
<td style="width:20px;"><INPUT type="checkbox" name="chk" /></td>
<td style="width:160px;">Country:</td>
<td>
<SELECT name="country" style="width:100px;" required>
<OPTION value="China">China</OPTION>
<OPTION value="Hong Kong">Hong Kong</OPTION>
<OPTION value="U.S.">U.S.</OPTION>
<OPTION value="disabled" disabled>------</OPTION>
<OPTION value="five">five</OPTION>
<OPTION value="six">six</OPTION>
<OPTION value="seven">seven</OPTION>
</SELECT>
</td>
<td style="width:160px;">Equipment Type:</td>
<td>
<SELECT name="country" style="width:100px;" required>
<OPTION value="Router">Router</OPTION>
<OPTION value="Switch">Switch</OPTION>
<OPTION value="Server">Server</OPTION>
<OPTION value="disabled" disabled>------</OPTION>
<OPTION value="five">five</OPTION>
<OPTION value="six">six</OPTION>
<OPTION value="seven">seven</OPTION>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
table,tr,td{border:1px solid black;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch(newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
case "text":
newcell.childNodes[0].value = "";
break;
case "text":
newcell.childNodes[0].value = "";
break;
case "text":
newcell.childNodes[0].value = "";
break;
case "text":
newcell.childNodes[0].value = "";
break;
case "checkbox":
newcell.childNodes[0].checked = false;
break;
case "select-one":
newcell.childNodes[0].selectedIndex = 0;
break;
}
}
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Rotating CSS Card

Questions / Comments: