Great menu ... small problem 1

[jackyl]

I found a great script at

http://www.dynamicdrive.com/dynamicindex1/slideinlink_dev.htm

BUT, I am unable to figure out how to have more than one of these menus on the same page.

Any suggestions?

Thank you

 

[JavaKat]

Try this:

Change the stuff in the body of the page to this (to get you started):

<div id=&quot;divMenu1&quot; style=&quot;position:absolute; top:250; left:30; visibility:hidden; background-color:F0F0F0&quot;>
<nobr>
	<a href=&quot;[URL unfurl="true"]http://www.dynamicdrive.com&quot;>Dynamic[/URL] Drive</a> -
	<a href=&quot;[URL unfurl="true"]http://www.freewarejava.com/cgi-bin/Ultimate.cgi&quot;>WA[/URL] Help Forum</a> - 
	<a href=&quot;[URL unfurl="true"]http://active-x.com/&quot;>Active-X.com</a>[/URL] - 
	<a href=&quot;javascript://&quot; onclick=&quot;moveMenu(1)&quot; style=&quot;background-color:yellow;text-decoration:none&quot;>MENU</a>
</nobr>
</div>
<P>Neat -- you can embed these menus anywhere!</P>
<div id=&quot;divMenu2&quot; style=&quot;position:absolute; top:270; left:30; visibility:hidden; background-color:F0F0F0&quot;>
<nobr>
	<a href=&quot;[URL unfurl="true"]http://cdsdemo1.cdocs.com/informa/start.htm&quot;>Informa</a>[/URL] -
	<a href=&quot;[URL unfurl="true"]http://developer.irt.org/script/1525.htm&quot;>IRT</a>[/URL] - 
	<a href=&quot;javascript://&quot; onclick=&quot;moveMenu(2)&quot; style=&quot;background-color:yellow;text-decoration:none&quot;>MENU2</a>
</nobr>
</div>

Then, change the "menuInit() function to this:

function menuInit()
{
    var oMenu;
	oMenu1=new makeMenu('divMenu1')
        if (n||ns6) scrolled="window.pageYOffset"
        else if (ie) scrolled="document.body.scrollTop"
	oMenu1.css.left=-oMenu1.width+lshow
        if (n||ns6) ltop=oMenu1.css.top
        else if (ie) ltop=oMenu1.css.pixelTop
	oMenu1.css.visibility='visible'
	oMenu2=new makeMenu('divMenu2')
        if (n||ns6) scrolled="window.pageYOffset"
        else if (ie) scrolled="document.body.scrollTop"
	oMenu2.css.left=-oMenu2.width+lshow
        if (n||ns6) ltop=oMenu2.css.top
        else if (ie) ltop=oMenu2.css.pixelTop
	oMenu2.css.visibility='visible'
	if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}

And change your "moveMenu()" function to this:

function moveMenu(whichMenu){
    if(whichMenu==1)
    {
      oMenu = oMenu1;
    }
    else if (whichMenu==2)
    {
      oMenu = oMenu2;
    }

	if(!oMenu.state){
		clearTimeout(tim)
		mIn()	
	}else{
		clearTimeout(tim)
		mOut()
	}
}

You can use changes like this to make as many menus as you like. I LOVE this script, BTW-- I may have to use it sometime! Thanks!!!

 

[jackyl]

Thank you SO much ... it works fantastically!!!!

one more boon to ask of you, or anyone ...
is there anyway to have an open menu 'close' when you open a different one?

Mark