Hi there, great contribution, just a small issue I'm having. I haven't worked out what's causing it yet but ever since I removed the demo products and categories from OSCommerce and added my own categories and sub categories It's been very temperamental, sometimes it seems to work, sometimes it doesn't, images don't seem to display either but that doesn't bother me too much. I'm using a very cut down layout using STS templates. the current setup is 3 categories each with 2 subcategories, here's the source code it outputs:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>JMB Distribution</title>
<base href="http://spiraloz.com/jmbdist/">
<!-- start get_javascript(applicationtop2header) //-->
<!-- end get_javascript(applicationtop2header) //-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="jmb.css" />
<!--[if IE 6]>
<style type="text/css">
#content {
margin: 0;
padding-right: 250px;
display: inline;
}
#mainbody {
margin: 0;
padding: 10px;
float: right;
}
</style>
<![endif]-->
</style>
<title>JMB - Distribution</title>
</head>
<body>
<div id="container">
<div id="top">
<div style="float:left; margin: 0; padding: 0;">
<img src="images/head_left.jpg" width="501" height="136" border="0" alt="JMB Distribution" />
</div>
<div style="float:right; margin: 0; padding: 0;">
<img src="images/head_right.jpg" width="263" height="136" border="0" alt="Worldwide" />
</div>
</div>
<div id="content">
<div id="column">
<span class="title">Browse By Category</span><br />
<!-- yahootreemenu //-->
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
<tr>
<td class="boxText">
<div id="yahooTreeMenu"></div>
<link rel="stylesheet" type="text/css" href="tree.css">
<script type="text/javascript" src="includes/YAHOO.js"></script>
<script type="text/javascript" src="includes/treeview.js"></script>
<script type="text/javascript" src="includes/loadNodes.js"></script>
<script type="text/javascript">
var tree;
var nodes = new Array();
var nodeIndex =0;
var root;
var tmpNode;
function treeInit() {
tree = new YAHOO.widget.TreeView("yahooTreeMenu");
root = tree.getRoot();
loadTree();
tree.draw();
}
function loadTree() {
nodes[21] = new YAHOO.widget.MenuNode({label: "02 Accessories (1)"}, root, false);
nodes[21].data = new nodeData(21, 21);
nodes[21].multiExpand = true;
nodes[21].setDynamicLoad(loadDataForNode);
nodes[22] = new YAHOO.widget.MenuNode({label: "iMate Accessories (1)"}, root, false);
nodes[22].data = new nodeData(22, 22);
nodes[22].multiExpand = true;
nodes[22].setDynamicLoad(loadDataForNode);
nodes[23] = new YAHOO.widget.MenuNode({label: "Blackberry Accessories"}, root, false);
nodes[23].data = new nodeData(23, 23);
nodes[23].multiExpand = true;
nodes[23].setDynamicLoad(loadDataForNode);
}
function loadDataForNode(node, onCompleteCallback) {
var request = "categories.php?cPath=" + node.data.id;
makeRequest(request, node, onCompleteCallback);
}
treeInit();
</script>
<noscript>
<a href="http://spiraloz.com/jmbdist/index.php?cPath=21">02 Accessories-></a> (1)<br /><a href="http://spiraloz.com/jmbdist/index.php?cPath=22">iMate Accessories-></a> (1)<br /><a href="http://spiraloz.com/jmbdist/index.php?cPath=23">Blackberry Accessories-></a><br />
</noscript>
</td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
</table>
</td>
</tr>
<!-- yahootreemenu_eof //-->
<br />
<span class="title">Browse By Manufacturer</span><br />
<!-- manufacturers //-->
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
<tr>
<td class="boxText"><form name="manufacturers" action="http://spiraloz.com/jmbdist/index.php" method="get"><select name="manufacturers_id" onChange="this.form.submit();" size="1" style="width: 80%"><option value="" SELECTED>Please Select</option><option value="12">Blackberry</option><option value="11">iMate</option><option value="13">JMB</option><option value="10">O2</option></select></form></td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
</table>
</td>
</tr>
<!-- manufacturers_eof //-->
<br />
<span class="title">Search for a Product</span><br />
<!-- search //-->
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
<tr>
<td align="center" class="boxText"><form name="quick_find" action="http://spiraloz.com/jmbdist/advanced_search_result.php" method="get"><input type="text" name="keywords" size="10" maxlength="30" style="width: 95px"> <input type="image" src="includes/languages/english/images/buttons/button_quick_find.gif" border="0" alt="Quick Find" title=" Quick Find "><br>Use keywords to find the product you are looking for.<br><a href="http://spiraloz.com/jmbdist/advanced_search.php"><b>Advanced Search</b></a></form></td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
</table>
</td>
</tr>
<!-- search_eof //-->
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="mainbody">
<a href="http://spiraloz.com" class="headerNavigation">Top</a> » <a href="http://spiraloz.com/jmbdist/index.php" class="headerNavigation">Catalog</a><br /><br />
<!-- start Default Content //-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="pageHeading">Welcome to JMB Distribution</td>
<td class="pageHeading" align="right"><img src="images/table_background_default.gif" border="0" alt="Welcome to JMB Distribution" title=" Welcome to JMB Distribution " width="150" height="150"></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
</tr>
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="main"></td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
</tr>
<tr>
<td class="main"></td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
</tr>
<tr>
<td><!-- new_products //-->
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td align="center" class="smallText" width="33%" valign="top"><a href="http://spiraloz.com/jmbdist/product_info.php?products_id=29"><img src="images/car-adapter.jpg" border="0" alt="Imate XDA IIi/IIS Car Charger" title=" Imate XDA IIi/IIS Car Charger " width="200" height="200"></a><br><a href="http://spiraloz.com/jmbdist/product_info.php?products_id=29">Imate XDA IIi/IIS Car Charger</a><br>$5.00</td>
<td align="center" class="smallText" width="33%" valign="top"><a href="http://spiraloz.com/jmbdist/product_info.php?products_id=28"><img src="images/car-adapter.jpg" border="0" alt="O2 Atom DC/Car Charger" title=" O2 Atom DC/Car Charger " width="200" height="200"></a><br><a href="http://spiraloz.com/jmbdist/product_info.php?products_id=28">O2 Atom DC/Car Charger</a><br>$5.00</td>
</tr>
</table>
<!-- new_products_eof //-->
</td>
</tr>
</table></td>
</tr>
</table>
<!-- end Default Content //-->
</div>
</div>
<div class="clear"></div>
<div id="base">
<div style="float:left; margin: 0; padding: 0;">
<img src="images/base_left.jpg" width="250" height="54" border="0" alt="BASE" />
</div>
<div style="float:right; margin: 0; padding: 0;">
<img src="images/base_right.jpg" width="50" height="54" border="0" alt="BASE" />
</div>
</div>
</div>
</body>
</html>