JavaScript.CoolDev.Com Support Forums

Any questions related to JavaScript menu and JavaScript tree menu by Javascript.CoolDev.Com

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Can't get new menu to work...

 
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu
Author Message
aalex



Joined: 17 May 2006
Posts: 12
Location: Connecticut, USA
PostPosted: Sat Jun 10, 2006 3:12 am    Post subject: Can't get new menu to work... Reply with quote
I seem to have mastered the vertical drop down, but I'm having trouble with the horizontal.

This page is *just* the menu:
http://magtype.com/testing/snyder/is/test.html

As you might see, I'm getting broken graphics over both the root menu items and the submenu items, but I know that the b.gif is on the server and the image path is correct. Not to mention, I have the b.gif sized at 1 x 1. Also, the drop down only works if you're hovering over that broken graphic at the root.

What's even weirder is that when I try to plug the menu into the site, there are no broken graphics over the background images at the root, but none of the drop downs work:

http://magtype.com/testing/snyder/is/home-rev.html

After reading some of the forum, I'm wondering if there is a conflict because I have Flash running on the same page. It's not in the same table cell or anything like that, but would that be a problem?

Here is my menu_items.js, if that can help you help me diagnose the problem:

Code:
//menu items
var MENU_ITEMS = [
  {pos:"relative", size:'null', itemoff:[0, 106], leveloff:[0, 0], delay:600, image:"images/b.gif", oimage:"images/b.gif", imgsize:[1, 1], style:{border:0, borders:[0, 0, 0, 0], shadow:0, color:{border:"#666666", shadow:"#FFFFFF", bgON:"", bgOVER:"", imagebg:"#FFFFFF", oimagebg:"#FFFFFF"}, css:{ON:null, OVER:null}}},
    {code:'', format:{image:"images/nav_attinfo.gif", oimage:"images/nav_attinfo.gif", imgsize:[42,107], style:{border:0, borders:[0, 0, 0, 0], shadow:0, color:{border:"", shadow:"", bgON:"", bgOVER:"", imagebg:"images/b.gif", oimagebg:"images/b.gif"}, css:{ON:'', OVER:''}}}, url:"#",
   sub:[
      {size:[22, 137], itemoff:[21, 0], leveloff:[30, 0], delay:600, image:"images/b.gif", oimage:"images/b.gif", imgsize:[null], style:{border:1, borders:[1, 1, 1, 1], shadow:0, color:{border:"#333333", shadow:"#FFFFFF", bgON:"#CCCCCC", bgOVER:"#FF0000", imagebg:"#CCCCCC", oimagebg:"#FF0000"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
        {code:"SecureConnect", url:"#"},
        {code:"Infosecurity Partners", url:"#"},
        {code:"Show Hours", url:"#"},
        {code:"Attendee FAQ", url:"#"},
        {code:"Press", url:"#"},
        {code:"International Visitors", url:"#"}
      ]},
    {code:"", format:{image:"images/nav_exinfo.gif", oimage:"images/nav_exinfo.gif", imgsize:[42, 117], style:{border:0, borders:[0, 0, 0, 0], shadow:0, color:{border:"", shadow:"", bgON:"", bgOVER:"", imagebg:"", oimagebg:""}, css:{ON:'', OVER:''}}}, url:"#",sub:[
      {size:[22, 147], itemoff:[21, 0], leveloff:[30, 0], delay:600, image:"images/b.gif", oimage:"images/b.gif", imgsize:[null], style:{border:1, borders:[1, 1, 1, 1], shadow:0, color:{border:"#333333", shadow:"#FFFFFF", bgON:"#CCCCCC", bgOVER:"#FF0000", imagebg:"#CCCCCC", oimagebg:"#FF0000"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
        {code:"Why exhibit?", url:"#"},
        {code:"Exhibitor Marketing", url:"#"},
        {code:"Smart Booth", url:"#"},
        {code:"Exhibitor Admin Center", url:"#"}
      ]}
];


Thank you in advance...you're a huge help!!!
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191
PostPosted: Sat Jun 10, 2006 2:24 pm    Post subject: Reply with quote
Your b.gif is here: http://magtype.com/testing/snyder/is/images/b.gif, but menu thinks it is here: http://magtype.com/testing/snyder/is/img/b.gif. Add the following line to the top of your menu_items.js file:

Code:
BLANK_IMAGE = "/testing/snyder/is/images/b.gif";
Back to top
aalex



Joined: 17 May 2006
Posts: 12
Location: Connecticut, USA
PostPosted: Sat Jun 10, 2006 4:52 pm    Post subject: Reply with quote
Well, that solves the broken graphic, but the menu itself now doesn't work at all in the test.html page and still doesn't work in the home-rev.html page...
Back to top
aalex



Joined: 17 May 2006
Posts: 12
Location: Connecticut, USA
PostPosted: Sat Jun 10, 2006 5:01 pm    Post subject: Reply with quote
Actually, I fixed it better (I think) by instead going to the coolmenupro.js and changing the BLANK_IMAGE path in there.

But, still...no drop down is getting activated now on either page and I can't figure out why...and is there a problem if there is Flash running on the same page? They don't overlap or anything...
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191
PostPosted: Sat Jun 10, 2006 6:21 pm    Post subject: Reply with quote
Your menu has this option in the root level:

Code:
size:'null'


Change it to something like this:

Code:
size:[42, 137]


Regarding modifictions to coolmenupro.js. Here is a quote from the license notice:

Quote:
YOU MAY NOT MODIFY OR DISTRIBUTE REGISTERED VERSION OF THE SOFTWARE.
IT WILL BE VIOLATION OF INTERNATIONAL COPYRIGHT LAWS.
Back to top
aalex



Joined: 17 May 2006
Posts: 12
Location: Connecticut, USA
PostPosted: Sat Jun 10, 2006 7:16 pm    Post subject: Reply with quote
I will try that...but it is not ok to change the image path for b.gif? That's all I changed...I will undo that if that is against the rules.
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191
PostPosted: Sat Jun 10, 2006 7:34 pm    Post subject: Reply with quote
Post #2 in this topic gives you the correct way to do this. Also, new versions will have blankImage:'...' attribute.
Back to top
aalex



Joined: 17 May 2006
Posts: 12
Location: Connecticut, USA
PostPosted: Sat Jun 10, 2006 8:24 pm    Post subject: Reply with quote
Ok - I restored the coolmenupro.js script to the original (very sorry about that!)

Interestingly...at the moment, the test.html page works wonderfully.

HOWEVER, the home-rev.html page's drop down will only work if you click the root image, when I need it to work when you hover over it (like it does on the test.html page).

It is doing this in both Firefox and IE on the PC (I haven't tried Mac/Safari yet...figured it needs to work here first!)

Thanks!
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191
PostPosted: Sat Jun 10, 2006 9:07 pm    Post subject: Reply with quote
Please, tell me how all these size:'null' and imgsize:[null] got into your code? I need to know if it is yours, or if it was added by builder. These instructions are completely wrong, and make menu go crazy.
Back to top
aalex



Joined: 17 May 2006
Posts: 12
Location: Connecticut, USA
PostPosted: Sat Jun 10, 2006 9:20 pm    Post subject: Reply with quote
Oh, I think that would be me. I guess I misunderstood what null would do.
Back to top
Display posts from previous:   
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu All times are GMT
Page 1 of 1