Bullet in Dhtml Menu Bar

[Serial]

Hello,

 

I have just found your dhtml menu (menubar_dhtml_V1.0.zip) from http://www.oscommerce.com/community/contributions,1067.

 

I would like to use it with oscommerce shoppingcart program.

 

I want to put a bullet infront of each menu. Where do I put it?

 

Example:

 

* Hardwares

* Software

* Music CD

 

(where "*" is a bullet)

 

Please help me.

 

Thank you

[babylon]

im not completely sure but look at includes/boxes/categories.php

[241]

you could try this, but backup the file as I do not have this contribution installed.

 

catalog/includes/boxes/categories_dhtml.php

 

$categories_string .=  'Menu' . ($menustr!=''?$menustr.'_':'') . $tmpCount;
$categories_string .=  '= new Array("' . $tmpString . '","';
$categories_string .=  tep_href_link(FILENAME_DEFAULT, $cPath_new);
$categories_string .=  tep_image(DIR_WS_IMAGES . 'checkout_bullet.gif', '');
$categories_string .= '","",';
$categories_string .= $NumChildren;
$categories_string .= ',' . LEFT_LINK_HEIGHT . ',' . LEFT_LINK_WIDTH;
$categories_string .= '); ';

 

or

 

$categories_string .=  'Menu' . ($menustr!=''?$menustr.'_':'') . $tmpCount;
$categories_string .=  '= new Array("' . $tmpString . '","';
$categories_string .=  tep_href_link(FILENAME_DEFAULT, $cPath_new);
$categories_string .= '","",';
$categories_string .=  tep_image(DIR_WS_IMAGES . 'checkout_bullet.gif', '');
$categories_string .= $NumChildren;
$categories_string .= ',' . LEFT_LINK_HEIGHT . ',' . LEFT_LINK_WIDTH;
$categories_string .= '); ';

[Serial]

Thank you for the responses.

 

Steve, I tried with your suggestion but the entire menu was disappeared.

 

Any more idea?

 

I do appreciate all of your helps.

 

Thank you.

[241]

do you have a link

are your menu names in bold

[Serial]

I haven't publish it yet.

 

The menu names are NOT in bold. I tried with bold and they got messed up too.

[241]

so you are saying that you tried this

if ($id==$categories['categories_id']) {
? ? ?$tmpString .= tep_image(DIR_WS_IMAGES . 'checkout_bullet.gif', '') . '<b>';
? ?}

 

for trial with the codes I give I would change the part for checkout_bullet.gif to another image as that image may be to big for the purpose thus destroying the menu

Edited July 24, 2004 by 241

[Serial]

Hi Steve,

 

I just tried your "if" code with smaller image right now. The menu come back as usual but no bullet was there.

Edited July 24, 2004 by Serial

[Serial]

Hi Steve,

 

I just tried your "if" code with smaller image right now. The menu come back as usual but no bullet was there.

 

when I used your first suggestion code with smaller image, the menu disappeared.

[241]

I think I would have to install this contribution in order to play with the codes and find the resolve

[Serial]

Can we chat via Yahoo messenger or somewhere? Then, I will come back here and put the resolution for future reference for the visitors?

 

Thank you.

[241]

I dont have yahoo messenger

 

before or after the <b> tag

 

if ($id==$categories['categories_id']) {
     $tmpString .= '<b>';
   }

or before the $categories

    // display category name
   $tmpString .= $categories['categories_name'];

 

these would be the correct places however you would need to alter the javascript to take account of the additional code.

 

If you look at the code in the catalog/includes/menu_animation.js file for Arrws you will see the structure being used which is from categories_dhtml.php using var Arrws so create a new var for the bullett and alter the javascript to take account of the new variable

[Serial]

Hello Steve,

 

I do not have scale and knowledge like you do. Followings are my menu_animation.js and categories_dhtml.php files. Please colored the change for me. I thank you so much for your time and help.

 

menu_animation.js

 

>>>Start

/***** Engine for menus *****/

/*

* © Ger Versluis 2000 version 5.411 24 December 2001 (updated Jan 31st, 2003 by Dynamic Drive for Opera7)

* HV Menu found on Dynamic Drive ONLY may be used on both commercial and non commerical sites *

* For info write to menus@burmees.nl *

* This script featured on Dynamic Drive DHTML code library: http://www.dynamicdrive.com

*/

 

var AgntUsr=navigator.userAgent.toLowerCase();

var DomYes=document.getElementById?1:0;

var NavYes=AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1?1:0;

var ExpYes=AgntUsr.indexOf('msie')!=-1?1:0;

var Opr=AgntUsr.indexOf('opera')!=-1?1:0;

var Opr6orless=window.opera && navigator.userAgent.search(/opera.[1-6]/i)!=-1 //DynamicDrive.com added code

var DomNav=DomYes&&NavYes?1:0;

var DomExp=DomYes&&ExpYes?1:0;

var Nav4=NavYes&&!DomYes&&document.layers?1:0;

var Exp4=ExpYes&&!DomYes&&document.all?1:0;

var PosStrt=(NavYes||ExpYes)&&!Opr6orless?1:0;

 

var FrstLoc,ScLoc,DcLoc;

var ScWinWdth,ScWinHght,FrstWinWdth,FrstWinHght;

var ScLdAgainWin;

var FirstColPos,SecColPos,DocColPos;

var RcrsLvl=0;

var FrstCreat=1,Loadd=0,Creatd=0,IniFlg,AcrssFrms=1;

var FrstCntnr=null,CurrntOvr=null,CloseTmr=null;

var CntrTxt,TxtClose,ImgStr;

var Ztop=100;

var ShwFlg=0;

var M_StrtTp=StartTop,M_StrtLft=StartLeft;

var StaticPos=0;

var LftXtra=DomNav?LeftPaddng:0;

var TpXtra=DomNav?TopPaddng:0;

var M_Hide=Nav4?'hide':'hidden';

var M_Show=Nav4?'show':'visible';

var Par=parent.frames[0]&&FirstLineFrame!=SecLineFrame?parent:window;

var Doc=Par.document;

var Bod=Doc.body;

var Trigger=NavYes?Par:Bod;

 

MenuTextCentered=MenuTextCentered==1||MenuTextCentered=='center'?'center':MenuTextCentered==0||MenuTextCentered!='right'?'left':'right';

 

 

 

WbMstrAlrts=["Item not defined: ","Item needs height: ","Item needs width: "];

 

if(Trigger.onload)Dummy=Trigger.onload;

if(DomNav&&!Opr)Trigger.addEventListener('load',Go,false);

else Trigger.onload=Go;

 

function Dummy(){return}

 

function CnclSlct(){return false}

 

function RePos(){

FrstWinWdth=ExpYes?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;

FrstWinHght=ExpYes?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;

ScWinWdth=ExpYes?ScLoc.document.body.clientWidth:ScLoc.innerWidth;

ScWinHght=ExpYes?ScLoc.document.body.clientHeight:ScLoc.innerHeight;

if(MenuCentered=='justify'&&FirstLineHorizontal){

FrstCntnr.style.width=FrstWinWdth;

ClcJus();

var P=FrstCntnr.FrstMbr,W=Menu1[5],i;

for(i=0;i<NoOffFirstLineMenus;i++){P.style.width=W;P=P.PrvMbr}}

StaticPos=-1;

if(TargetLoc)ClcTrgt();

if(MenuCentered)ClcLft();

if(MenuVerticalCentered)ClcTp();

PosMenu(FrstCntnr,StartTop,StartLeft)}

 

function UnLoaded(){

if(CloseTmr)clearTimeout(CloseTmr);

Loadd=0; Creatd=0;

if(HideTop){

var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;

FCStyle.visibility=M_Hide}}

 

function ReDoWhole(){

if(ScWinWdth!=ScLoc.innerWidth||ScWinHght!=ScLoc.innerHeight||FrstWinWdth!=FrstLoc.innerWidth||FrstWinHght!=FrstLoc.innerHeight)Doc.location.reload()}

 

function Check(WMnu,NoOf){

var i,array,ArrayLoc;

ArrayLoc=parent.frames[0]?parent.frames[FirstLineFrame]:self;

for(i=0;i<NoOf;i++){

array=WMnu+eval(i+1);

if(!ArrayLoc[array]){WbMstrAlrt(0,array); return false}

if(i==0){ if(!ArrayLoc[array][4]){WbMstrAlrt(1,array); return false}

if(!ArrayLoc[array][5]){WbMstrAlrt(2,array); return false}}

if(ArrayLoc[array][3])if(!Check(array+'_',ArrayLoc[array][3])) return false}

return true}

 

function WbMstrAlrt(No,Xtra){

return confirm(WbMstrAlrts[No]+Xtra+' ')}

 

function Go(){

Dummy();

if(Loadd||!PosStrt)return;

BeforeStart();

Creatd=0; Loadd=1;

status='Building menu';

if(FrstCreat){

if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){

FirstLineFrame=SecLineFrame;

if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){

FirstLineFrame=SecLineFrame=DocTargetFrame;

if(FirstLineFrame =="" || !parent.frames[FirstLineFrame])FirstLineFrame=SecLineFrame=DocTargetFrame=''}}

if(SecLineFrame =="" || !parent.frames[secLineFrame]){

SecLineFrame=DocTargetFrame;

if(SecLineFrame =="" || !parent.frames[secLineFrame])SecLineFrame=DocTargetFrame=FirstLineFrame}

if(DocTargetFrame =="" || !parent.frames[DocTargetFrame])DocTargetFrame=SecLineFrame;

if(WebMasterCheck){ if(!Check('Menu',NoOffFirstLineMenus)){status='build aborted';return}}

FrstLoc=FirstLineFrame!=""?parent.frames[FirstLineFrame]:window;

ScLoc=SecLineFrame!=""?parent.frames[secLineFrame]:window;

DcLoc=DocTargetFrame!=""?parent.frames[DocTargetFrame]:window;

if (FrstLoc==ScLoc) AcrssFrms=0;

if (AcrssFrms)FirstLineHorizontal=MenuFramesVertical?0:1;

FrstWinWdth=ExpYes?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;

FrstWinHght=ExpYes?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;

ScWinWdth=ExpYes?ScLoc.document.body.clientWidth:ScLoc.innerWidth;

ScWinHght=ExpYes?ScLoc.document.body.clientHeight:ScLoc.innerHeight;

if(Nav4){ CntrTxt=MenuTextCentered!='left'?"<div align='"+MenuTextCentered+"'>":"";

TxtClose="</font>"+MenuTextCentered!='left'?"</div>":""}}

FirstColPos=Nav4?FrstLoc.document:FrstLoc.document.body;

SecColPos=Nav4?ScLoc.document:ScLoc.document.body;

DocColPos=Nav4?DcLoc.document:ScLoc.document.body;

if (TakeOverBgColor)FirstColPos.bgColor=AcrssFrms?SecColPos.bgColor:DocColPos.bgColor;

if(MenuCentered=='justify'&&FirstLineHorizontal)ClcJus();

if(FrstCreat){

FrstCntnr=CreateMenuStructure('Menu',NoOffFirstLineMenus);

FrstCreat=AcrssFrms?0:1}

else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);

if(TargetLoc)ClcTrgt();

if(MenuCentered)ClcLft();

if(MenuVerticalCentered)ClcTp();

PosMenu(FrstCntnr,StartTop,StartLeft);

IniFlg=1;

Initiate();

Creatd=1;

ScLdAgainWin=ExpYes?ScLoc.document.body:ScLoc;

ScLdAgainWin.onunload=UnLoaded;

Trigger.onresize=Nav4?ReDoWhole:RePos;

AfterBuild();

if(MenuVerticalCentered=='static'&&!AcrssFrms)setInterval('KeepPos()',250);

status='Menu ready for use'}

 

function KeepPos(){

var TS=ExpYes?FrstLoc.document.body.scrollTop:FrstLoc.pageYOffset;

if(TS!=StaticPos){

var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;

FCStyle.top=FrstCntnr.OrgTop=StartTop+TS;StaticPos=TS}}

 

function ClcJus(){

var a=BorderBtwnElmnts?1:2,b=BorderBtwnElmnts?BorderWidth:0;

var Size=Math.round(((FrstWinWdth-a*BorderWidth)/NoOffFirstLineMenus)-B),i,j;

for(i=1;i<NoOffFirstLineMenus+1;i++){j=eval('Menu'+i);j[5]=Size}

StartLeft=0}

 

function ClcTrgt(){

var TLoc=Nav4?FrstLoc.document.layers[TargetLoc]:DomYes?FrstLoc.document.getElementById(TargetLoc):FrstLoc.document.all[TargetLoc];

StartTop=M_StrtTp;

StartLeft=M_StrtLft;

if(DomYes){

while(TLoc){StartTop+=TLoc.offsetTop;StartLeft+=TLoc.offsetLeft;TLoc=TLoc.offset

Parent}}

else{ StartTop+=Nav4?TLoc.pageY:TLoc.offsetTop;StartLeft+=Nav4?TLoc.pageX:TLoc.offsetLeft}}

 

function ClcLft(){

if(MenuCentered!='left'&&MenuCentered!='justify'){

var Size=FrstWinWdth-(!Nav4?parseInt(FrstCntnr.style.width):FrstCntnr.clip.width);

StartLeft=M_StrtLft;

StartLeft+=MenuCentered=='right'?Size:Size/2}}

 

function ClcTp(){

if(MenuVerticalCentered!='top'&&MenuVerticalCentered!='static'){

var Size=FrstWinHght-(!Nav4?parseInt(FrstCntnr.style.height):FrstCntnr.clip.height);

StartTop=M_StrtTp;

StartTop+=MenuVerticalCentered=='bottom'?Size:Size/2}}

 

function PosMenu(CntnrPntr,Tp,Lt){

var Topi,Lefti,Hori;

var Cntnr=CntnrPntr;

var Mmbr=Cntnr.FrstMbr;

var CntnrStyle=!Nav4?Cntnr.style:Cntnr;

var MmbrStyle=!Nav4?Mmbr.style:Mmbr;

var PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;

var PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;

var MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;

var MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;

var CntnrWt=!Nav4?parseInt(CntnrStyle.width):CntnrStyle.clip.width;

var CntnrHt=!Nav4?parseInt(CntnrStyle.height):CntnrStyle.clip.height;

var SubTp,SubLt;

RcrsLvl++;

if (RcrsLvl==1 && AcrssFrms)!MenuFramesVertical?Tp=FrstWinHght-CntnrHt+(Nav4?4:0):Lt=RightToLeft?0:FrstWinWdth-CntnrWt+(Nav4?4:0);

if (RcrsLvl==2 && AcrssFrms)!MenuFramesVertical?Tp=0:Lt=RightToLeft?ScWinWdth-CntnrWt:0;

if (RcrsLvl==2 && AcrssFrms){Tp+=VerCorrect;Lt+=HorCorrect}

CntnrStyle.top=RcrsLvl==1?Tp:0;

Cntnr.OrgTop=Tp;

CntnrStyle.left=RcrsLvl==1?Lt:0;

Cntnr.OrgLeft=Lt;

if (RcrsLvl==1 && FirstLineHorizontal){

Hori=1;Lefti=CntnrWt-MmbrWt-2*BorderWidth;Topi=0}

else{ Hori=Lefti=0;Topi=CntnrHt-MmbrHt-2*BorderWidth}

while(Mmbr!=null){

MmbrStyle.left=Lefti+BorderWidth;

MmbrStyle.top=Topi+BorderWidth;

if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);

if(Mmbr.ChildCntnr){

if(RightToLeft)ChldCntnrWdth=Nav4?Mmbr.ChildCntnr.clip.width:parseInt(Mmbr.ChildCntnr.style.width);

if(Hori){ SubTp=Topi+MmbrHt+2*BorderWidth;

SubLt=RightToLeft?Lefti+MmbrWt-ChldCntnrWdth:Lefti}

else{ SubLt=RightToLeft?Lefti-ChldCntnrWdth+ChildOverlap*MmbrWt+BorderWidth:Lefti+(1-ChildOverlap)*MmbrWt+BorderWidth;

SubTp=RcrsLvl==1&&AcrssFrms?Topi:Topi+ChildVerticalOverlap*MmbrHt}

PosMenu(Mmbr.ChildCntnr,SubTp,SubLt)}

Mmbr=Mmbr.PrvMbr;

if(Mmbr){ MmbrStyle=!Nav4?Mmbr.style:Mmbr;

PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;

PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;

MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;

MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;

Hori?Lefti-=BorderBtwnElmnts?(MmbrWt+BorderWidth):(MmbrWt):Topi-=BorderBtwnElmnts?(MmbrHt+BorderWidth):(MmbrHt)}}

RcrsLvl--}

 

function Initiate(){

if(IniFlg){ Init(FrstCntnr);IniFlg=0;

if(ShwFlg)AfterCloseAll();ShwFlg=0}}

 

function Init(CntnrPntr){

var Mmbr=CntnrPntr.FrstMbr;

var MCStyle=Nav4?CntnrPntr:CntnrPntr.style;

RcrsLvl++;

MCStyle.visibility=RcrsLvl==1?M_Show:M_Hide;

while(Mmbr!=null){

if(Mmbr.Hilite){Mmbr.Hilite=0;if(KeepHilite)LowItem(Mmbr)}

if(Mmbr.ChildCntnr) Init(Mmbr.ChildCntnr);

Mmbr=Mmbr.PrvMbr}

RcrsLvl--}

 

function ClearAllChilds(Pntr){

var CPCCStyle;

while (Pntr){

if(Pntr.Hilite){

Pntr.Hilite=0;

if(KeepHilite)LowItem(Pntr);

if(Pntr.ChildCntnr){

CPCCStyle=Nav4?Pntr.ChildCntnr:Pntr.ChildCntnr.style;

CPCCStyle.visibility=M_Hide;

ClearAllChilds(Pntr.ChildCntnr.FrstMbr)}

break}

Pntr=Pntr.PrvMbr}}

 

function GoTo(){

if(this.LinkTxt){

status='';

var HP=Nav4?this.LowLyr:this;

LowItem(HP);

this.LinkTxt.indexOf('java script:')!=-1?eval(this.LinkTxt):DcLoc.location.href=this.LinkTxt}}

 

function HiliteItem(P){

if(Nav4){

if(P.ro)P.document.images[P.rid].src=P.ri2;

else{ if(P.HiBck)P.bgColor=P.HiBck;

if(P.value.indexOf('<img')==-1){

P.document.write(P.Ovalue);

P.document.close()}}}

else{ if(P.ro){ var Lc=P.Level==1?FrstLoc:ScLoc;

Lc.document.images[P.rid].src=P.ri2}

else{ if(P.HiBck)P.style.backgroundColor=P.HiBck;

if(P.HiFntClr)P.style.color=P.HiFntClr}}

P.Hilite=1}

 

function LowItem(P){

if(P.ro){ if(Nav4)P.document.images[P.rid].src=P.ri1;

else{ var Lc=P.Level==1?FrstLoc:ScLoc;

Lc.document.images[P.rid].src=P.ri1}}

else{ if(Nav4){ if(P.LoBck)P.bgColor=P.LoBck;

if(P.value.indexOf('<img')==-1){

P.document.write(P.value);

P.document.close()}}

else{ if(P.LoBck)P.style.backgroundColor=P.LoBck;

if(P.LwFntClr)P.style.color=P.LwFntClr}}}

 

function OpenMenu(){

if(!Loadd||!Creatd) return;

var TpScrlld=ExpYes?ScLoc.document.body.scrollTop:ScLoc.pageYOffset;

var LScrlld=ExpYes?ScLoc.document.body.scrollLeft:ScLoc.pageXOffset;

var CCnt=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr;

var ThisHt=Nav4?this.clip.height:parseInt(this.style.height);

var ThisWt=Nav4?this.clip.width:parseInt(this.style.width);

var ThisLft=AcrssFrms&&this.Level==1&&!FirstLineHorizontal?0:Nav4?this.Container.left:parseInt(this.Container.style.left);

var ThisTp=AcrssFrms&&this.Level==1&&FirstLineHorizontal?0:Nav4?this.Container.top:parseInt(this.Container.style.top);

var HP=Nav4?this.LowLyr:this;

CurrntOvr=this;

IniFlg=0;

ClearAllChilds(this.Container.FrstMbr);

HiliteItem(HP);

if(CCnt!=null){

if(!ShwFlg){ShwFlg=1; BeforeFirstOpen()}

var CCW=Nav4?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);

var CCH=Nav4?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);

var ChCntTL=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr.style;

var SubLt=AcrssFrms&&this.Level==1?CCnt.OrgLeft+ThisLft+LScrlld:CCnt.OrgLeft+ThisLft;

var SubTp=AcrssFrms&&this.Level==1?CCnt.OrgTop+ThisTp+TpScrlld:CCnt.OrgTop+ThisTp;

if(MenuWrap){

if(RightToLeft){

if(SubLt<LScrlld)SubLt=this.Level==1?LScrlld:SubLt+(CCW+(1-2*ChildOverlap)*ThisWt);

if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=ScWinWdth+LScrlld-CCW}

else{ if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=this.Level==1?ScWinWdth+LScrlld-CCW:SubLt-(CCW+(1-2*ChildOverlap)*ThisWt);

if(SubLt<LScrlld)SubLt=LScrlld}

if(SubTp+CCH>TpScrlld+ScWinHght)SubTp=this.Level==1?SubTp=TpScrlld+ScWinHght-CCH:SubTp-CCH+(1-2*ChildVerticalOverlap)*ThisHt;

if(SubTp<TpScrlld)SubTp=TpScrlld}

ChCntTL.top=SubTp;ChCntTL.left=SubLt;ChCntTL.visibility=M_Show}

status=this.LinkTxt}

 

function OpenMenuClick(){

if(!Loadd||!Creatd) return;

var HP=Nav4?this.LowLyr:this;

CurrntOvr=this;

IniFlg=0;

ClearAllChilds(this.Container.FrstMbr);

HiliteItem(HP);

status=this.LinkTxt}

 

function CloseMenu(){

if(!Loadd||!Creatd) return;

if(!KeepHilite){

var HP=Nav4?this.LowLyr:this;

LowItem(HP)}

status='';

if(this==CurrntOvr){

IniFlg=1;

if(CloseTmr)clearTimeout(CloseTmr);

CloseTmr=setTimeout('Initiate(CurrntOvr)',DissapearDelay)}}

 

function CntnrSetUp(Wdth,Hght,NoOff){

var x=RcrsLvl==1?BorderColor:BorderSubColor;

this.FrstMbr=null;

this.OrgLeft=this.OrgTop=0;

if(x)this.bgColor=x;

if(Nav4){ this.visibility='hide';

this.resizeTo(Wdth,Hght)}

else{ if(x)this.style.backgroundColor=x;

this.style.width=Wdth;

this.style.height=Hght;

this.style.fontFamily=FontFamily;

this.style.fontWeight=FontBold?'bold':'normal';

this.style.fontStyle=FontItalic?'italic':'normal';

this.style.fontSize=FontSize+'pt';

this.style.zIndex=RcrsLvl+Ztop}}

 

function MbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){

var Location=RcrsLvl==1?FrstLoc:ScLoc;

var MemVal=eval(WhatMenu+'[0]');

var t,T,L,W,H,S;

var a,b,c,d;

this.PrvMbr=PrMmbr;

this.Level=RcrsLvl;

this.LinkTxt=eval(WhatMenu+'[1]');

this.Container=MmbrCntnr;

this.ChildCntnr=null;

this.Hilite=0;

this.style.overflow='hidden';

this.style.cursor=ExpYes&&(this.LinkTxt||(RcrsLvl==1&&UnfoldsOnClick))?'hand':'default';

this.ro=0;

if(MemVal.indexOf('rollover')!=-1){

this.ro=1;

this.ri1=MemVal.substring(MemVal.indexOf(':')+1,MemVal.lastIndexOf(':'));

this.ri2=MemVal.substring(MemVal.lastIndexOf(':')+1,MemVal.length);

this.rid=WhatMenu+'i';MemVal="<img src='"+this.ri1+"' name='"+this.rid+"'>"}

this.value=MemVal;

if(RcrsLvl==1){

a=LowBgColor;

b=HighBgColor;

c=FontLowColor;

d=FontHighColor}

else{ a=LowSubBgColor;

b=HighSubBgColor;

c=FontSubLowColor;

d=FontSubHighColor}

this.LoBck=a;

this.LwFntClr=c;

this.HiBck=b;

this.HiFntClr=d;

this.style.color=this.LwFntClr;

if(this.LoBck)this.style.backgroundColor=this.LoBck;

this.style.textAlign=MenuTextCentered;

if(eval(WhatMenu+'[2]'))this.style.backgroundImage="url(\'"+eval(WhatMenu+'[2]')+"\')";

if(MemVal.indexOf('<')==-1){

this.style.width=Wdth-LftXtra;

this.style.height=Hght-TpXtra;

this.style.paddingLeft=LeftPaddng;

this.style.paddingTop=TopPaddng}

else{ this.style.width=Wdth;

this.style.height=Hght}

if(MemVal.indexOf('<')==-1&&DomYes){

t=Location.document.createTextNode(MemVal);

this.appendChild(t)}

else this.innerHTML=MemVal;

if(eval(WhatMenu+'[3]')&&ShowArrow){

a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;

S=Arrws[a];

W=Arrws[a+1];

H=Arrws[a+2];

T=RcrsLvl==1&&FirstLineHorizontal?Hght-H-2:(Hght-H)/2;

L=RightToLeft?2:Wdth-W-2;

if(DomYes){

 

t=Location.document.createElement('img');

this.appendChild(t);

t.style.position='absolute';

t.src=S;

 

t.style.width=W;

t.style.height=H;

t.style.top=T;

t.style.left=L}

else{ MemVal+="<div style='position:absolute; top:"+T+"; left:"+L+"; width:"+W+"; height:"+H+";visibility:inherit'><img src='"+S+"'></div>";

this.innerHTML=MemVal}}

if(ExpYes){this.onselectstart=CnclSlct;

this.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;

this.onmouseout=CloseMenu;

this.onclick=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo }

else{ RcrsLvl==1&&UnfoldsOnClick?this.addEventListener('mouseover',OpenMenuClick,false):this.addEventListener('mouseover',OpenMenu,false);

this.addEventListener('mouseout',CloseMenu,false);

RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?this.addEventListener('click',OpenMenu,false):this.addEventListener('click',GoTo,false)}}

 

function NavMbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){

var a,b,c,d;

if(RcrsLvl==1){

a=LowBgColor;

b=HighBgColor;

c=FontLowColor;

d=FontHighColor}

else { a=LowSubBgColor;

b=HighSubBgColor;

c=FontSubLowColor;

d=FontSubHighColor }

this.value=eval(WhatMenu+'[0]');

this.ro=0;

if(this.value.indexOf('rollover')!=-1){

this.ro=1;

this.ri1=this.value.substring(this.value.indexOf(':')+1,this.value.lastIndexOf(':'));

this.ri2=this.value.substring(this.value.lastIndexOf(':')+1,this.value.length);

this.rid=WhatMenu+'i';this.value="<img src='"+this.ri1+"' name='"+this.rid+"'>"}

if(LeftPaddng&&this.value.indexOf('<')==-1&&MenuTextCentered=='left')this.value=' \;'+this.value;

if(FontBold)this.value=this.value.bold();

if(FontItalic)this.value=this.value.italics();

this.Ovalue=this.value;

this.value=this.value.fontcolor©;

this.Ovalue=this.Ovalue.fontcolor(d);

this.value=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.value+TxtClose;

this.Ovalue=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.Ovalue+TxtClose;

this.LoBck=a;

this.HiBck=b;

this.ChildCntnr=null;

this.PrvMbr=PrMmbr;

this.Hilite=0;

this.visibility='inherit';

if(this.LoBck)this.bgColor=this.LoBck;

this.resizeTo(Wdth,Hght);

if(!AcrssFrms&&eval(WhatMenu+'[2]'))this.background.src=eval(WhatMenu+'[2]');

this.document.write(this.value);

this.document.close();

this.CmdLyr=new Layer(Wdth,MmbrCntnr);

this.CmdLyr.Level=RcrsLvl;

this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');

this.CmdLyr.visibility='inherit';

this.CmdLyr.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;

this.CmdLyr.onmouseout=CloseMenu;

this.CmdLyr.captureEvents(Event.MOUSEUP);

this.CmdLyr.onmouseup=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo;

this.CmdLyr.LowLyr=this;

this.CmdLyr.resizeTo(Wdth,Hght);

this.CmdLyr.Container=MmbrCntnr;

if(eval(WhatMenu+'[3]')&&ShowArrow){

a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;

this.CmdLyr.ImgLyr=new Layer(Arrws[a+1],this.CmdLyr);

this.CmdLyr.ImgLyr.visibility='inherit';

this.CmdLyr.ImgLyr.top=RcrsLvl==1&&FirstLineHorizontal?Hght-Arrws[a+2]-2:(Hght-Arrws[a+2])/2;

this.CmdLyr.ImgLyr.left=RightToLeft?2:Wdth-Arrws[a+1]-2;

this.CmdLyr.ImgLyr.width=Arrws[a+1];

this.CmdLyr.ImgLyr.height=Arrws[a+2];

ImgStr="<img src='"+Arrws[a]+"' width='"+Arrws[a+1]+"' height='"+Arrws[a+2]+"'>";

this.CmdLyr.ImgLyr.document.write(ImgStr);

this.CmdLyr.ImgLyr.document.close()}}

 

function CreateMenuStructure(MName,NumberOf){

RcrsLvl++;

var i,NoOffSubs,Mbr,Wdth=0,Hght=0;

var PrvMmbr=null;

var WMnu=MName+'1';

var MenuWidth=eval(WMnu+'[5]');

var MenuHeight=eval(WMnu+'[4]');

var Location=RcrsLvl==1?FrstLoc:ScLoc;

if (RcrsLvl==1&&FirstLineHorizontal){

for(i=1;i<NumberOf+1;i++){

WMnu=MName+eval(i);

Wdth=eval(WMnu+'[5]')?Wdth+eval(WMnu+'[5]'):Wdth+MenuWidth}

Wdth=BorderBtwnElmnts?Wdth+(NumberOf+1)*BorderWidth:Wdth+2*BorderWidth;Hght=MenuHeight+2*BorderWidth}

else{ for(i=1;i<NumberOf+1;i++){

WMnu=MName+eval(i);

Hght=eval(WMnu+'[4]')?Hght+eval(WMnu+'[4]'):Hght+MenuHeight}

Hght=BorderBtwnElmnts?Hght+(NumberOf+1)*BorderWidth:Hght+2*BorderWidth;Wdth=MenuWidth+2*BorderWidth}

if(DomYes){

var MmbrCntnr=Location.document.createElement("div");

MmbrCntnr.style.position='absolute';

MmbrCntnr.style.visibility='hidden';

Location.document.body.appendChild(MmbrCntnr)}

else{ if(Nav4) var MmbrCntnr=new Layer(Wdth,Location)

else{ WMnu+='c';

Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WMnu+"' style='visibility:hidden; position:absolute;'><\/div>");

var MmbrCntnr=Location.document.all[WMnu]}}

MmbrCntnr.SetUp=CntnrSetUp;

MmbrCntnr.SetUp(Wdth,Hght,NumberOf);

if(Exp4){ MmbrCntnr.InnerString='';

for(i=1;i<NumberOf+1;i++){

WMnu=MName+eval(i);

MmbrCntnr.InnerString+="<div id='"+WMnu+"' style='position:absolute;'><\/div>"}

MmbrCntnr.innerHTML=MmbrCntnr.InnerString}

for(i=1;i<NumberOf+1;i++){

WMnu=MName+eval(i);

NoOffSubs=eval(WMnu+'[3]');

Wdth=RcrsLvl==1&&FirstLineHorizontal?eval(WMnu+'[5]')?eval(WMnu+'[5]'):MenuWidth:MenuWidth;

Hght=RcrsLvl==1&&FirstLineHorizontal?MenuHeight:eval(WMnu+'[4]')?eval(WMnu+'[4]'):MenuHeight;

if(DomYes){

Mbr=Location.document.createElement("div");

Mbr.style.position='absolute';

Mbr.style.visibility='inherit';

MmbrCntnr.appendChild(Mbr)}

else Mbr=Nav4?new Layer(Wdth,MmbrCntnr):Location.document.all[WMnu];

Mbr.SetUp=Nav4?NavMbrSetUp:MbrSetUp;

Mbr.SetUp(MmbrCntnr,PrvMmbr,WMnu,Wdth,Hght);

if(NoOffSubs) Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);

PrvMmbr=Mbr}

MmbrCntnr.FrstMbr=Mbr;

RcrsLvl--;

return(MmbrCntnr)}

 

function CreateMenuStructureAgain(MName,NumberOf){

var i,WMnu,NoOffSubs,PrvMmbr,Mbr=FrstCntnr.FrstMbr;

RcrsLvl++;

for(i=NumberOf;i>0;i--){

WMnu=MName+eval(i);

NoOffSubs=eval(WMnu+'[3]');

PrvMmbr=Mbr;

if(NoOffSubs)Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);

Mbr=Mbr.PrvMbr}

RcrsLvl--}

 

<<<end

--------------

categories_dhtml.php

 

>>>Start

 

<!-- categories //-->

 

<tr>

<td>

<?php

/*

Dynamic DHTL MenuBar for category listing v 0.2.1

This is a combination of modified categories.php and

HV Menu javacript written by Ger Versluis © 2000 version 5.411 24 December 2001 (updated Jan 31st, 2003 by Dynamic Drive for Opera7)

* HV Menu found on Dynamic Drive ONLY may be used on both commercial and non commerical sites *

* For info about HV Menu write to menus@burmees.nl

 

Modifications for osCommerce menuBar_0_2 made by John Guerra 2/9/2003

oscommerce@apodigm.com

*/

define('LEFT_LINK_HEIGHT',20);

define('LEFT_LINK_WIDTH',BOX_WIDTH);

 

$info_box_contents = array();

$info_box_contents[] = array('align' => 'left',

'text' => BOX_HEADING_CATEGORIES

);

new infoBoxHeading($info_box_contents, true, false);

?>

<script type='text/javascript'>

/*******************************

 

* © Ger Versluis 2000 version 5.411 24 December 2001 (updated Jan 31st, 2003 by Dynamic Drive for Opera7)

* HV Menu found on Dynamic Drive ONLY may be used on both commercial and non commerical sites *

* For info write to menus@burmees.nl *

* This script featured on Dynamic Drive DHTML code library: http://www.dynamicdrive.com

 

*******************************/

 

var LowBgColor='transparent'; // Background color when mouse is not over

var LowSubBgColor='white'; // Background color when mouse is not over on subs

var HighBgColor='transparent'; // Background color when mouse is over

var HighSubBgColor='white'; // Background color when mouse is over on subs

var FontLowColor='black'; // Font color when mouse is not over

var FontSubLowColor='black'; // Font color subs when mouse is not over

var FontHighColor='#6699cc'; // Font color when mouse is over

var FontSubHighColor='#6699cc'; // Font color subs when mouse is over

var BorderColor='transparent'; // Border color

var BorderSubColor='#6699cc'; // Border color for subs

var BorderWidth=1; // Border width

var BorderBtwnElmnts=0; // Border between elements 1 or 0

var FontFamily="Verdana, Arial, sans-serif" // Font family menu items

var FontSize=8; // Font size menu items

var FontBold=0; // Bold menu items 1 or 0

var FontItalic=0; // Italic menu items 1 or 0

var MenuTextCentered='left'; // Item text position 'left', 'center' or 'right'

var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'

var MenuVerticalCentered='top'; // Menu vertical position 'top', 'middle','bottom' or static

var ChildOverlap=.0; // horizontal overlap child/ parent

var ChildVerticalOverlap=.0; // vertical overlap child/ parent

var StartTop=1; // Menu offset x coordinate

var StartLeft=0; // Menu offset y coordinate

var VerCorrect=0; // Multiple frames y correction

var HorCorrect=0; // Multiple frames x correction

var LeftPaddng=2; // Left padding

var TopPaddng=1; // Top padding

var DissapearDelay=500; // delay before menu folds in

 

var FirstLineHorizontal=0; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL

var MenuFramesVertical=1; // Frames in cols or rows 1 or 0

var TakeOverBgColor=1; // Menu frame takes over background color subitem frame

var FirstLineFrame='navig'; // Frame where first level appears

var SecLineFrame='space'; // Frame where sub levels appear

var DocTargetFrame='space'; // Frame where target documents appear

var TargetLoc='MenuBar'; // span id for relative positioning

var HideTop=0; // Hide first level when loading new document 1 or 0

var MenuWrap=1; // enables/ disables menu wrap 1 or 0

var RightToLeft=0; // enables/ disables right to left unfold 1 or 0

var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover

var WebMasterCheck=0; // menu tree checking on or off 1 or 0

var ShowArrow=1; // Uses arrow gifs when 1

var KeepHilite=1; // Keep selected path highligthed

var Arrws=['<?php echo DIR_WS_IMAGES; ?>tri.gif',5,10,'<?php echo DIR_WS_IMAGES; ?>tridown.gif',10,5,'<?php echo DIR_WS_IMAGES; ?>trileft.gif',5,10]; // Arrow source, width and height

 

function BeforeStart(){return}

function AfterBuild(){return}

function BeforeFirstOpen(){return}

function AfterCloseAll(){return}

function Go(){return}

 

<?php

 

$number_top_levels = 0;

$categories_string='';

$number_top_levels = build_menus(0,'','');

echo 'var NoOffFirstLineMenus= ' . $number_top_levels. ';' ; // Number of first level items

echo $categories_string;

 

function build_menus($currentParID,$menustr,$catstr) {

global $categories_string, $id, $languages_id;

$tmpCount;

 

$tmpCount = 0;

$haschildren = 0; //default

 

// BOF Enable - Disable Categories Contribution--------------------------------------

// BOF Original line

$categories_query_catmenu = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . $currentParID . "' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");

// EOF Original line

 

// BOF Enable - Disable Categories

// $categories_query_catmenu = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.categories_status = '1' and c.parent_id = '" . $currentParID . "' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");

// EOF Enable - Disable Categories

// EOF Enable - Disable Categories Contribution--------------------------------------

 

 

while ($categories = tep_db_fetch_array($categories_query_catmenu)) {

$tmpString = '';

$tmpCount += 1;

$haschildren=tep_has_category_subcategories($categories['categories_id']);

 

if ($haschildren) {

if($menustr != ''){

$menu_tmp = $menustr . '_' . $tmpCount;

} else {

$menu_tmp = $tmpCount;

}

if($catstr != ''){

$cat_tmp = $catstr . '_' . $categories['categories_id'];

} else {

$cat_tmp = $categories['categories_id'];

}

$NumChildren = build_menus($categories['categories_id'],$menu_tmp,$cat_tmp); } else {

$NumChildren = 0;

}

 

if ($id==$categories['categories_id']) {

$tmpString .= '<b>';

}

// display category name

$tmpString .= $categories['categories_name'];

 

if ( $id==$categories['categories_id'] ) {

$tmpString .= '</b>';

}

if (SHOW_COUNTS == 'true') {

$products_in_category = tep_count_products_in_category($categories['categories_id']);

if ($products_in_category > 0) {

$tmpString .= ' (' . $products_in_category . ')';

}

}

 

if($catstr != ''){

$cPath_new = 'cPath=' . $catstr . '_' . $categories['categories_id'];

} else {

$cPath_new = 'cPath=' . $categories['categories_id'];

}

 

// Menu tree

// Menu1_1_1=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);

if($menustr != ''){

$menu_tmp = $menustr . '_' . $tmpCount;

} else {

$menu_tmp = $tmpCount;

}

$categories_string .= 'Menu' . ($menustr!=''?$menustr.'_':'') . $tmpCount;

$categories_string .= '= new Array("' . $tmpString . '","';

$categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new);

$categories_string .= '","",' ;

$categories_string .= $NumChildren;

$categories_string .= ',' . LEFT_LINK_HEIGHT . ',' . LEFT_LINK_WIDTH ;

$categories_string .= '); ';

 

}// end while

return $tmpCount;

} //end build menus

 

echo '</script>';

 

$tabletext ="<table><tr><td><div id='MenuBar' style='position:relative; width: " . LEFT_LINK_WIDTH . "; height: " . ($number_top_levels*LEFT_LINK_HEIGHT) . ";'> </div></td></tr></table>";

 

$info_box_contents = array();

$info_box_contents[] = array('align' => 'left',

'text' => $tabletext

);

new infoBox($info_box_contents);

 

 

?>

<script LANGUAGE="JavaScript1.2" SRC="includes/menu_animation.js"></SCRIPT>

 

</td>

</tr>

<!-- categories_eof //-->

 

<<<end

 

Again, thank you.

[241]

I am not that knowledable either hopefully one of the others that eats javascript day and night can take a look.

 

I normally have a go at anything as it is the only way to learn more, however on this occasion I would prefer to leave this to someone else.

 

Sorry to disapoint, but I am working on many other things contribution based.

 

I will have a look at this but not for the moment.

[Serial]

Thank you steve. I hope and wish to have the solution soon. I will also try on my own for any luck. :)

Edited July 24, 2004 by Serial

[noob]

u could add the bullet in front of the category name by goin to the admin wher u edit the categories

and then u culd put a text symbol pick one from ms word or somn

[Serial]

Hey Noob,

 

Your idea is great but that text symbol is appeared everywhere that category name display. I mean, I tested with "*" infront of my first category name. This "*" stays along with that category name. I just want a tiny a little bullet in front of that category name ONLY in menu. It is easy to have bullet with OSC original menu but I still don't know how to do it with dhtml menu.

 

Any suggestion would be appreciated.

 

I thank you all so much.

[Serial]

I got a solution!!!

 

I was just playing aroung and found out that $tmpString is the variable for category name in main menu.

 

So I include the bullet infront of it.

 

Please look for

 

// display category name

$tmpString .= $categories['categories_name'];

 

in categories_dhtml.php file

 

and place your bullet as following example

 

]// display category name

$tmpString .= '<img src=http://www.mysite.com/osc/images/tiny_bullet.gif> ' . $categories['categories_name'];

 

That is all.

 

I still want to make that main menu a little more close to the left. I think I have to do something with the "<div>". I will try.

 

Thank you all for sharing your ideas.

Edited July 26, 2004 by Serial

[241]

strange that is where I tried it and it would not display properly, therefore my thought was that the javascript would need to be changed to accommodate the image.

[Serial]

Hi Steve,

 

Actually, your advices helped me make it happen. If you see or find out more modifications that might make this menu better, please continue your participation.

 

Thank you.

Edited July 27, 2004 by Serial

[noob]

u shuld write up on ho wto add a bullet and add that file to the contrib

[Serial]

Ooh yeah, I added a file to that contribution at http://www.oscommerce.com/community/contributions,1067

 

I also made one mistake. I first added to http://www.oscommerce.com/community/contributions,1033 accidentally. I do not know how to remove it from there. I will contact the webmaster now. Do you know any better way?

Edited July 30, 2004 by Serial

[giorgioblu]

Dear Stave,

I've tested your Contributions and I think it's a good work!

 

But I've some problem because in my OSCommerce I've install a STS (Simple Template System) and when I activate it the DHTML Men? dosen't work.

 

Can you halp me?

 

Some info about my test:

- osCommerce 2.2 Milestone 2

- STS (Simple Template System) v2.01 use this link: http://www.oscommerce.com/community/contributions,1524

 

Thankyou very much!

 

Best regards,

GiorgioBLU

[Serial]

Hi,

 

I am not Steve but I will try to assist you.

 

I assume that you have followed the steps and edited files accordingly.

 

What is the error?

 

Serial

[Revelation7]

I've also installed STS and tried both coolMenu, and MenuBar. Both turns up empty category boxes, i am thinking it is STS, in its way of taking over that box...and some how the DHTML add ons don't like it...