JavaScript for E-Commerce

Back | Contents | Next
Please note that this tutorial was first published in the year 2000, and is based on work conducted between 1997 and 2000. While we trust that it still constitutes useful tutorial material, it should not necessarily be construed as to impart best practice in the year 2017. For more details please see this blog post.

Framework - navframe.html

The navframe.html file defines the three frames (product type, category and item list) in the navigation frame.

Source

<html>
<frameset rows="50,50,*" frameborder="no" border="0" framespacing="0">
    <frame name="productFrame" src="product.html"
        scrolling="no" frameborder="no" border="0"
        framespacing="0" marginwidth="8" marginheight="1">

    <frame name="categoryFrame" src="cat-cd.html"
        scrolling="no" frameborder="no" border="0"
        framespacing="0" marginwidth="8" marginheight="1">

    <frame name="itemFrame" src="item-initial.html"
        frameborder="no" border="0"
        framespacing="0" marginwidth="8" marginheight="1">
</frameset>
</html>
			

Description

Again, this is a pretty standard frameset definition. Worth noting is the ridiculous number of frameborder="no" and border="0" attributes attached to the <frameset> and <frame> tags. These attributes will make the frames have no borders, so the user will have no visual indication that there are three separate frames here. These attributes appear in so many places to make it work in both Netscape and Internet Explorer.

By default, the product type "CDs" will be selected, which is why the cat-cd.html file is being loaded into the category frame.


Back | Contents | Next

This tutorial has been translated to Serbo-Croatian language by Jovana Milutinovich from Webhostinggeeks.com.

This tutorial has been translated to Slovak by Juraj Rehorovsky from Coupofy team.

If you find this tutorial useful and want to show your apprectiation, a small donation is most welcome, either in Bitcoins to 19QpWDmZPmTqawcr8VsXcbdc4Znq1ecrza, or via PayPal.