Untitled

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Exemplu Ajax cu jQuery, JSP si Servlet</title>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
	function verifyTriangle(n1, n2, n3){
		return n1 > 0 && n2 > 0 && n3 > 0 && n1 + n2 > n3 && n2 + n3 > n1 && n1 + n3 > n2
	}
	$(document).ready(
			function() {
				$('#btn').click(
						function() {
							var number1 = $('#number1').val();
							var number2 = $('#number2').val();
							var number3 = $('#number2').val();

							if(verifyTriangle(Number(number1), Number(number2), Number(number3))){
								var datastr = 'number1=' + number1 + '&number2='+ number2 + '&number3='+number3;
								$.ajax({
									type : "get",
									url : "TriangleServlet",
									data : datastr,
									success : function(msg) {
										console.log(msg);
										$("#result").hide();
										$("#result").html(
												"<h3>Rezultatul calcului: " + msg
														+ "</h3>").fadeIn("slow");
									}
								});
							} else {
								$("#result").hide();
								$("#result").html("<h3>Nu formeaza triunghi!</h3>").fadeIn("slow");
							}
						});
			});
</script>
</head>
<body>
	<form id="form" method="get">
		Introduceti latura 1: <input id="number1" type="text" name="number1" />
		Introduceti latura 2: <input id="number2" type="text" name="number2" />
		Introduceti latura 3: <input id="number3" type="text" name="number3" />
		<input id="btn" type="button" value="Calculeaza" name="btn" />
	</form>
	<div id="result"></div>
</body>
</html>