AJAX

popups without html

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Dec 2008

Posts: 1

Reputation: choice43015 is an unknown quantity at this point

Solved Threads: 0

choice43015 choice43015 is offline

Offline

Newbie Poster

popups without html

Dec 13th, 2008

hello I am new to this blogging thing and have decided to try it.
I am also a Noob to JS
and am late with my webpage I am trying to enlarge an inmage in it's own pop up window without useing html as you can see in my gallery page here.

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
script language="JavaScript" type="text/javascript" src="books.js">
  </script>
  <script type="text/javascript" src="bookstore1.js">
  </script>
</head>
<body>
<div id="header">
	<div id="logo">
		<h1><a href="index.html">the Collecter</a></h1>
		<h2><a href="index5.html" title="Member Login">Member Login</a> | <a href="index7.html" title="Register">Register</a></h2>
 
	</div>
	<div id="menu">
		<ul>
		<li class="active"><a href="index.html"accesskey="1" title="">Collect</a></li>
			<li><a href="index2.html" accesskey="2" title="">Crystal</a></li>
			<li><a href="index3.html" accesskey="3" title="">Chakra </a></li>
			<li><a href="index4.html" accesskey="4" title="">Properties</a></li>
			<li><a href="index5.html" accesskey="5" title="">Members</a></li>
		</ul>
	</div>
</div>
<hr />
<div id="page">
	<div id="bg">
		<div id="content">
			<div class="post" style="padding-top: 57px;">
				<h2 class="title">Collectible BUY AND SELL!</h2>
				<script type="text/javascript">
document.write("<b>" + Date() + ".</b>")
</script>
				<script type="text/javascript" src="Platform.js">
</script>
				<div class="entry">
		<p align="center">
  <script type="text/javascript" src="bookstore2.js">
  </script>
</p>
</div>
 
<div id="footer">
	<p>(c) 2008 the collecter.com. All rights reserved.</p>
</div>
 
</body>
</html>
script language="JavaScript" type="text/javascript" src="books.js">
  </script>
  <script type="text/javascript" src="bookstore1.js">
  </script>
</head>
<body>
<div id="header">
	<div id="logo">
		<h1><a href="index.html">the Collecter</a></h1>
		<h2><a href="index5.html" title="Member Login">Member Login</a> | <a href="index7.html" title="Register">Register</a></h2>

	</div>
	<div id="menu">
		<ul>
		<li class="active"><a href="index.html"accesskey="1" title="">Collect</a></li>
			<li><a href="index2.html" accesskey="2" title="">Crystal</a></li>
			<li><a href="index3.html" accesskey="3" title="">Chakra </a></li>
			<li><a href="index4.html" accesskey="4" title="">Properties</a></li>
			<li><a href="index5.html" accesskey="5" title="">Members</a></li>
		</ul>
	</div>
</div>
<hr />
<div id="page">
	<div id="bg">
		<div id="content">
			<div class="post" style="padding-top: 57px;">
				<h2 class="title">Collectible BUY AND SELL!</h2>
				<script type="text/javascript">
document.write("<b>" + Date() + ".</b>")
</script>
				<script type="text/javascript" src="Platform.js">
</script>
				<div class="entry">
		<p align="center">
  <script type="text/javascript" src="bookstore2.js">
  </script>
</p>
</div>

<div id="footer">
	<p>(c) 2008 the collecter.com. All rights reserved.</p>
</div>

</body>
</html>

and my two JS code sheets here

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
// This file creates common functions for the shopcart.htm
// and bookstore.htm pages
 
// create two variables
var bookDB = new Array();
var total_ordered = 0;
 
// create the book object
function book(title, number, price, quantity, lgeImg)
{
   this.title = title;
   this.number = number;
   this.price = price;
   this.quantity = quantity;
   this.imageSrc = "images/" + number + ".jpg";
   this.lgeImageSrc = "images/" + lgeImg + ".jpg";
}
 
// assign the book information to the book database array
function createBookDB()
{
   bookDB[0] = new book(" ", "01s", 54.99, 0, "01l");
   bookDB[1] = new book("", "02s", 14.95, 0, "02l");
   bookDB[2] = new book("", "03s", 38.99, 0, "03l");
   bookDB[3] = new book("", "04s", 35.99, 0, "04l");
   bookDB[4] = new book("", "05s", 32.99, 0, "05l");
   bookDB[5] = new book(" ", "06s", 48.95, 0, "06l");
   bookDB[6] = new book("", "07s", 35.99, 0, "07l");
   bookDB[7] = new book("", "08s", 62.95, 0, "08l");
   bookDB[8] = new book("", "09s", 31.99, 0, "09l");
   bookDB[9] = new book("", "10s", 63.00, 0, "10l");
   checkQuantity();
}
 
// check quantity function
function checkQuantity()
{
   var ordersCookie = findOrder("orders");
   if ( ! ordersCookie)
   {
      return
   }
   var userOrders = ordersCookie.split("+");
   for (var n = 0; n < userOrders.length; n ++ )
   {
      var orderNum = userOrders[n];
      bookDB[n].quantity = orderNum;
      if (orderNum > 0)
      {
         total_ordered ++ ;
      }
   }
}
 
// find order function
function findOrder(findName)
{
   var entireCookie;
   var cookieName;
   var cookieValue;
   var cookieArray = document.cookie.split("; ");
   for (var n = 0; n < cookieArray.length; n ++ )
   {
      entireCookie = cookieArray[n].split("=");
      cookieName = entireCookie[0];
      cookieValue = entireCookie[1];
      if (cookieName == findName)
      {
         return unescape(cookieValue);
      }
   }
   return null;
}
 
 
// bookstore2 check for quantities
createBookDB();
if (total_ordered > 0)
{
   document.writeln('<a href=index6.html>' + 'view shopping cart</a>');
}
else
{
   document.writeln('Shopping cart is empty.');
}
document.writeln('<hr>');
 
// create the online catalog
for (var n = 0; n < bookDB.length; n ++ )
{
   document.writeln('<table width="500">');
   document.writeln('<td align="left" height="200" width="156">');
   document.writeln('<a href="javascript:void%20window.open(\'' + bookDB[n].number + '\')">');
   document.writeln('<img src="' + bookDB[n].imageSrc + '" border="0" ' +
   'alt="' + bookDB[n].title + '"></td></a>');
   document.writeln('<td><b>' + bookDB[n].title + '</b><br />');
   document.writeln('ISBN Number: ' + bookDB[n].number + '<br />');
   document.writeln('<i>' + 'Price CAN $' + bookDB[n].price + '</i><br />');
   document.writeln('<a href="javascript:addBook(\'' +
   bookDB[n].number + '\')">' +  '<img src="images / buy.gif" alt="buy" width="50" border="0" height="50" /></a><br /></a></td>');
   document.write('</td></tr></table>');
}
// This file creates common functions for the shopcart.htm
// and bookstore.htm pages

// create two variables
var bookDB = new Array();
var total_ordered = 0;

// create the book object
function book(title, number, price, quantity, lgeImg)
{
   this.title = title;
   this.number = number;
   this.price = price;
   this.quantity = quantity;
   this.imageSrc = "images/" + number + ".jpg";
   this.lgeImageSrc = "images/" + lgeImg + ".jpg";
}

// assign the book information to the book database array
function createBookDB()
{
   bookDB[0] = new book(" ", "01s", 54.99, 0, "01l");
   bookDB[1] = new book("", "02s", 14.95, 0, "02l");
   bookDB[2] = new book("", "03s", 38.99, 0, "03l");
   bookDB[3] = new book("", "04s", 35.99, 0, "04l");
   bookDB[4] = new book("", "05s", 32.99, 0, "05l");
   bookDB[5] = new book(" ", "06s", 48.95, 0, "06l");
   bookDB[6] = new book("", "07s", 35.99, 0, "07l");
   bookDB[7] = new book("", "08s", 62.95, 0, "08l");
   bookDB[8] = new book("", "09s", 31.99, 0, "09l");
   bookDB[9] = new book("", "10s", 63.00, 0, "10l");
   checkQuantity();
}

// check quantity function
function checkQuantity()
{
   var ordersCookie = findOrder("orders");
   if ( ! ordersCookie)
   {
      return
   }
   var userOrders = ordersCookie.split("+");
   for (var n = 0; n < userOrders.length; n ++ )
   {
      var orderNum = userOrders[n];
      bookDB[n].quantity = orderNum;
      if (orderNum > 0)
      {
         total_ordered ++ ;
      }
   }
}

// find order function
function findOrder(findName)
{
   var entireCookie;
   var cookieName;
   var cookieValue;
   var cookieArray = document.cookie.split("; ");
   for (var n = 0; n < cookieArray.length; n ++ )
   {
      entireCookie = cookieArray[n].split("=");
      cookieName = entireCookie[0];
      cookieValue = entireCookie[1];
      if (cookieName == findName)
      {
         return unescape(cookieValue);
      }
   }
   return null;
}


// bookstore2 check for quantities
createBookDB();
if (total_ordered > 0)
{
   document.writeln('<a href=index6.html>' + 'view shopping cart</a>');
}
else
{
   document.writeln('Shopping cart is empty.');
}
document.writeln('<hr>');

// create the online catalog
for (var n = 0; n < bookDB.length; n ++ )
{
   document.writeln('<table width="500">');
   document.writeln('<td align="left" height="200" width="156">');
   document.writeln('<a href="javascript<b></b>:void%20window.open(\'' + bookDB[n].number + '\')">');
   document.writeln('<img src="' + bookDB[n].imageSrc + '" border="0" ' +
   'alt="' + bookDB[n].title + '"></td></a>');
   document.writeln('<td><b>' + bookDB[n].title + '</b><br />');
   document.writeln('ISBN Number: ' + bookDB[n].number + '<br />');
   document.writeln('<i>' + 'Price CAN $' + bookDB[n].price + '</i><br />');
   document.writeln('<a href="javascript<b></b>:addBook(\'' +
   bookDB[n].number + '\')">' +  '<img src="images / buy.gif" alt="buy" width="50" border="0" height="50" /></a><br /></a></td>');
   document.write('</td></tr></table>');
}