JavaScript for E-Commerce

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

If you find this tutorial useful and want to show your apprectiation, a small donation is most welcome.