hi,
We have a site running http://www.kbbappliances.co.uk/online_shop.html which has 3 main sections, each section has sub sections to create thumbnails and then each of those has a product.
When you go into each main section the menu displays the correct sections http://www.kbbappliances.co.uk/acatalog/Teka.html but i would like the same menu to display when you go into the subsection and view the product instead when you go into each subsection the menu displays the products as they are thumb nails http://www.kbbappliances.co.uk/acata..._in_Ovens.html and I seem to have lost the menu when you go into the product opps!
really appreciate any help
Another problem I have is I display an image (a small arrow) next to each item in the menu, this works fine (thanx to Norman for the code
) but when the text for the menu exceeds 1 line it throws the alignment out as the text aligns under the image, this isn’t critical but Id be grateful knows how to align the text to the left without it aligning under the image as I think it finishes the site of nicer.
Thank you to anyone who can help…
Dom
Oh the code for the navigation I have is ……
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function SectionList(ar){
var strIDs = '';
for (var i=1;i<=ar.length;i++){
if (ar[i].sURL !=null){
strIDs += '<img src="arrow_15.gif" width="20" height="9">'+'<a href="' + ar[i].sURL + '">' + ar[i].sName + '</a><br />';
strIDs += '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="5"> </td><td><hr align="left" width="160" size="1" /></td></tr></table>'
{
if (ar[i].pChild){
for (var j=1;j<=ar[i].pChild.length;j++){
if (j <= ar[i].pChild.length){
strIDs += '<br />';
}
}
}
}
}
}
strIDs += '<br />'
return strIDs
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
We have a site running http://www.kbbappliances.co.uk/online_shop.html which has 3 main sections, each section has sub sections to create thumbnails and then each of those has a product.
When you go into each main section the menu displays the correct sections http://www.kbbappliances.co.uk/acatalog/Teka.html but i would like the same menu to display when you go into the subsection and view the product instead when you go into each subsection the menu displays the products as they are thumb nails http://www.kbbappliances.co.uk/acata..._in_Ovens.html and I seem to have lost the menu when you go into the product opps!
really appreciate any help
Another problem I have is I display an image (a small arrow) next to each item in the menu, this works fine (thanx to Norman for the code
) but when the text for the menu exceeds 1 line it throws the alignment out as the text aligns under the image, this isn’t critical but Id be grateful knows how to align the text to the left without it aligning under the image as I think it finishes the site of nicer.Thank you to anyone who can help…
Dom
Oh the code for the navigation I have is ……
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function SectionList(ar){
var strIDs = '';
for (var i=1;i<=ar.length;i++){
if (ar[i].sURL !=null){
strIDs += '<img src="arrow_15.gif" width="20" height="9">'+'<a href="' + ar[i].sURL + '">' + ar[i].sName + '</a><br />';
strIDs += '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="5"> </td><td><hr align="left" width="160" size="1" /></td></tr></table>'
{
if (ar[i].pChild){
for (var j=1;j<=ar[i].pChild.length;j++){
if (j <= ar[i].pChild.length){
strIDs += '<br />';
}
}
}
}
}
}
strIDs += '<br />'
return strIDs
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
Comment