basic-javascript-appendix-7-online-books.htm / htm
<HTML>
<HEAD>
<TITLE>Online Books</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var detailsWindow;
var basketWindow;
var stockItems = new Array();
stockItems[100] = new Array();
stockItems[100][0] = "Beginning Active Server Pages";
stockItems[100][1] = "$39.99";
stockItems[100][2] = 0;
stockItems[101] = new Array();
stockItems[101][0] = "Professonal JavaScript";
stockItems[101][1] = "$46.99";
stockItems[101][2] = 0;
function removeItem(stockId)
{
stockItems[stockId][2] = 0;
alert("Item Removed");
showBasket();
return false;
}
function showDetails(bookURL)
{
detailsWindow = window.open(bookURL,"bookDetails","width=400,height=500");
detailsWindow.focus();
return false;
}
function addBookToBasket(stockId)
{
stockItems[stockId][2] = 1;
alert("Item added successfully");
detailsWindow.close();
}
function showBasket()
{
basketWindow = window.open('ShoppingBasket.htm','shoppingBasket','width=400,height=350');
basketWindow.document.open();
var basketItem;
var containsItems = false;
basketWindow.document.write("<H4>Your shopping basket contains :</H4>");
for (basketItem in stockItems)
{
if (stockItems[basketItem][2] > 0)
{
basketWindow.document.write(stockItems[basketItem][0] + " at ");
basketWindow.document.write(stockItems[basketItem][1]);
basketWindow.document.write("    ");
basketWindow.document.write("<A href='' onclick='return " + "window.opener.removeItem(" + basketItem + ")'>");
basketWindow.document.write("Remove Item</A><BR>");
containsItems = true;
}
}
if (containsItems == false)
{
basketWindow.document.write("<H4>No items</H4>");
}
basketWindow.document.close();
basketWindow.focus();
}
</SCRIPT>
</HEAD>
<BODY>
<H2 ALIGN=center>Online Book Buyer</H2>
<FORM NAME=form1>
<INPUT TYPE="button" VALUE="Show Shopping Basket" onclick="showBasket()" NAME=butShowBasket>
</FORM>
<P>
Click any of the images below for more details
</P>
<STRONG>Beginning Active Server Pages 3</STRONG>
<BR>
<A NAME="begASPLink" HREF="" onclick="return showDetails('beg_asp3_details.htm')">
<IMG SRC="beg_asp3.gif" BORDER=0>
</A>
<BR><BR>
<STRONG>Professional JavaScript</STRONG>
<BR>
<A NAME="profJSLink" HREF="" onclick="return showDetails('prof_js_details.htm')">
<IMG SRC="prof_js.gif" border=0>
</A>
</BODY>
</HTML>
(C) Æliens 20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.
