Ajax Calulator|


	Ajax calculator

Ajax Calulator|

Demo of this page is found here <-- click here

Untitled Document Demo of this page is found here <-- click here

<html>
     <head>
          <title>Ajax Calculator Example</title>
          <style type="text/css">
table{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
}
.header{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: blue;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}
.data
{
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: black;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #FFFFEE;
	height: 11px
}
</style>

function updatepage(str){
                    document.getElementById('result').value = str;
               }

<table width="70%" class='table'>
  <tr class='header'>
    <td colspan="4">Mulitply two numbers: Ajax JSP example (Best viewed in IE)</td>
    </tr>
    <form name="f1">
  <tr class='data'>
    <td><input name="a" id="a" value=""></td>
    <td><input name="b" id="b" value="">=</td>
    <td><input name="result" type="text" id="result"></td>
    <td></td>
  </tr>

</body>
</html>

JSP code here save jsp as calculator.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <% float number1= Float.parseFloat(request.getParameter("a")); float number2= Float.parseFloat(request.getParameter("b")); String function = request.getParameter("function"); if("add".equalsIgnoreCase(function)) { out.println(number1+number2); } else if("mult".equalsIgnoreCase(function)) { out.println(number1*number2); } else if("sub".equalsIgnoreCase(function)) { out.println(number1-number2); } else if("div".equalsIgnoreCase(function)) { out.println(number1/number2); } %>

step 3) run html file on server you can see result

Demo of this page is found here <-- click here
Please send comments to vgdarur.javafive@blogger.com




	Copyright © 2008 - iForeRunner.com