WebContent/book.jspx

<?xml version="1.0" encoding="ISO-8859-1" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsp/jstl/fmt" version="2.0">
	<jsp:directive.page contentType="text/html; charset=ISO-8859-1"
		pageEncoding="ISO-8859-1" session="false" />
	<jsp:output doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
		omit-xml-declaration="true" />
	<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${bookTitle }</title>
<link rel="stylesheet" href="res/main.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="res/starRating.css" type="text/css" charset="utf-8" />
<SCRIPT type="text/javascript">
	reviewTextCheck = function(){
		if(document.getElementById("reviewText").value == "." || document.getElementById("reviewText").value == ""){ 
			alert("Please Fill the Review Box");
		}
	}
	</SCRIPT>
	
	<script type="text/javascript" src="res/Ajax.js"><jsp:text /></script>
	<script type="text/javascript" src="res/submitReview.js"><jsp:text /></script>
	
</head>
<body>
	<form action="Start" method="POST">

		<div id="banner">
			<a href="home.jspx"> <img src="images/Banner.jpg" alt="Banner"
				width="250" height="100"></img>
			</a> <span id="banner2"> <img id="banner2"
				src="images/Banner2.jpg" alt="Banner" width="400" height="100"></img>
			</span>

		</div>

		<ul>
			<li><a href="/Project/">Home</a></li>
			<c:choose>
				<c:when test="${isLogedIn == 'true'}">
					<li><a href="logout.jspx">Log Out</a></li>
				</c:when>
				<c:otherwise>
					<li><a href="login.jspx">Log In</a></li>
				</c:otherwise>
			</c:choose>
			<li>
				<div class="dropdown">
					<button class="dropbtn">Category</button>
					<div class="dropdown-content">
						<a href="scienceBooks.jspx">Science</a> <a
							href="fictionBooks.jspx">Fiction</a> <a
							href="engineeringBooks.jspx">Engineering</a>
					</div>
				</div>
			</li>
			<li id="searchbar" style="float: right"><input type="text"
				id="search" placeholder="Search" name="searchValue" /> <input
				type="submit" id="searchbutton" value="Search" name="searchSubmit" /></li>
			<li style="float: right"><button id="cartsubmit"
					name="cartsubmit" value="0">
					<img src="images/cart.png" class="thumbnail" height="40" width="50" />
				</button></li>
		</ul>
	</form>
	<H2>${bookTitle}</H2>
	<BR />
	<BR />
	<img src="images/${bookID}.jpg" alt="Book" height="400" width="300"></img>

<span>
	<br/>
	<span id="price">List price:  CDN $${bookPrice}0</span>
	<br/>
	<BR />
	<span id="rating">Rating: ${bookStars} out of 5</span>
	<br/>
	<BR />
	
	<button id="addToCart" name="addToCart" value="${bookID}" type="submit" onclick="doAjax('/Project/Start', '${bookID}');return false;">Add To Cart</button>
	<br/>
	
</span>

	
	<TABLE>
		<c:forEach var="review" items="${reviewList}">
			<tr>
				<td>${review.review}</td>
			</tr>
		</c:forEach>
	</TABLE>

	
	<form action="Start" method="POST">
			
			Rating:<BR />
			<input type="radio" name="stars" value="1"> 1 </input>
			<input type="radio" name="stars" value="2"> 2 </input> 
			<input type="radio" name="stars" value="3"> 3 </input>
			<input type="radio" name="stars" value="4"> 4 </input> 
			<input type="radio" name="stars" value="5"> 5 </input> 
			<BR />
			<BR />
			<BR />
			
			<c:if test="${isLogedIn == 'ture'}">
			<Label for="reviewText"> Review:</Label>
			<TEXTAREA autofocus="true" name="textArea" required="true" placeholder="Enter Text here" rows="5" cols="50" id="reviewText"><jsp:text /></TEXTAREA>
			<br/>
			<button type="submit" name="submitReview" value="${bookID}" onclick="doAjax('/Project/Start', '${bookID}');return false;">submit review</button>
			</c:if> 
	</form>

	<LABEL>rating is: ${bookStars} /5</LABEL>
	<c:if test="${isLogedIn == 'true'}">
		<form action="Start" method="POST">
			Rating:<BR /> <input type="radio" name="stars" value="1"> 1</input>
			<input type="radio" name="stars" value="2"> 2 </input> <input
				type="radio" name="stars" value="3"> 3 </input> <input type="radio"
				name="stars" value="4"> 4 </input> <input type="radio" name="stars"
				value="5"> 5 </input> <BR />
			<TEXTAREA autofocus="true" name="textArea" required="true"
				placeholder="Enter Text here" rows="5" cols="50" id="reviewText"><jsp:text /></TEXTAREA>
			<button type="submit" name="submitReview" value="${bookID}">submit
				review</button>
		</form>
	</c:if>
</body>
	</html>
</jsp:root>