<div dir="ltr" style="text-align: left;" trbidi="on">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var textBox1 = $('input:text[id$=TextBox1]').keyup(foo);
var textBox2 = $('input:text[id$=TextBox2]').keyup(foo);
function foo() {
var value1 = textBox1.val();
var value2 = textBox2.val();
var sum = add(value1, value2);
$('input:text[id$=TextBox3]').val(sum);
}
function add() {
var sum = 0;
for (var i = 0, j = arguments.length; i < j; i++) {
if (IsNumeric(arguments[i])) {
sum += parseFloat(arguments[i]);
}
}
return sum;
}
function IsNumeric(input) {
return (input - 0) == input && input.length > 0;
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="1" style="background-color: #e8dcff; border-collapse: collapse; width: 300pxpx;">
<tr>
<td>Butter</td>
<td> <asp:textbox id="TextBox1" runat="server"></asp:textbox></td>
</tr>
<tr>
<td>Cheese</td>
<td>
<asp:textbox id="TextBox2" runat="server"></asp:textbox>
</td>
</tr>
<tr>
<td>Total</td>
<td>
<asp:textbox id="TextBox3" runat="server"></asp:textbox>
</td>
</tr>
</table>
</div>
</form>
</body>
</html></div>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var textBox1 = $('input:text[id$=TextBox1]').keyup(foo);
var textBox2 = $('input:text[id$=TextBox2]').keyup(foo);
function foo() {
var value1 = textBox1.val();
var value2 = textBox2.val();
var sum = add(value1, value2);
$('input:text[id$=TextBox3]').val(sum);
}
function add() {
var sum = 0;
for (var i = 0, j = arguments.length; i < j; i++) {
if (IsNumeric(arguments[i])) {
sum += parseFloat(arguments[i]);
}
}
return sum;
}
function IsNumeric(input) {
return (input - 0) == input && input.length > 0;
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="1" style="background-color: #e8dcff; border-collapse: collapse; width: 300pxpx;">
<tr>
<td>Butter</td>
<td> <asp:textbox id="TextBox1" runat="server"></asp:textbox></td>
</tr>
<tr>
<td>Cheese</td>
<td>
<asp:textbox id="TextBox2" runat="server"></asp:textbox>
</td>
</tr>
<tr>
<td>Total</td>
<td>
<asp:textbox id="TextBox3" runat="server"></asp:textbox>
</td>
</tr>
</table>
</div>
</form>
</body>
</html></div>
No comments:
Post a Comment