Board Logo

Not visible in IE
lbjerke - 6/17/2007 at 07:01 PM

works fine in FF, doesnt even show in IE

what am i doing wrong?!

menu_items.js

Code:
var MENU_ITEMS = [
['Our Story', null, null,
['History', '#'],
['Staff', '#'],
['Store Photos', '#']
],
['Gallery', null, null,
['Bridal', null, null,
['Engagement Rings', '#'],
['Wedding Bands', '#'],
],
['Diamond Jewelry', null, null,
['Bracelet', '#'],
['Earings', '#'],
['Necklace', '#']
],
['Anniversary', null, null,
['3 Stone', '#'],
['Journey', '#'],
['Rings', null, null,]
],

[... removed by admin ...]


tigra - 6/18/2007 at 03:26 PM

Most likely the same problem as described here: http://www.softcomplex.com/forum/viewthread_4203
IE can't stand the commas before the closing brackets. You have plenty of those in the menu configuration.
Watch for the error messages.


lbjerke - 6/20/2007 at 03:52 AM

can you see where my error is?, i looked at the other post, and i couldent figure it out

Code:
var MENU_ITEMS = [
['<img border="0" src="../images/buttons/btn_ourstory.gif">', null, null,
{..TEST..},
['<img border="0" src="../images/buttons/btn_staff.gif">', '#'],
['<img border="0" src="../images/buttons/btn_storephotos.gif">', '#']
],
['<img border="0" src="../images/buttons/btn_gallery.gif">', null, null,
['<img border="0" src="../images/buttons/btn_anniversary.gif">', null, null,
['<img border="0" src="../images/buttons/btn_3stone.gif">', '#'],
['<img border="0" src="../images/buttons/btn_journey.gif">', '#'],
['<img border="0" src="../images/buttons/btn_rings.gif">', '#']
],
['<img border="0" src="../images/buttons/btn_bridal.gif">', null, null,
['<img border="0" src="../images/buttons/btn_rings.gif">', '#'],
['<img border="0" src="../images/buttons/btn_weddingbands.gif">', '#'],
],
['<img border="0" src="../images/buttons/btn_colorstones.gif">', null, null,
['<img border="0" src="../images/buttons/btn_emerald.gif">', '#'],
['<img border="0" src="../images/buttons/btn_opal.gif">', '#'],
['<img border="0" src="../images/buttons/btn_sapphire.gif">', '#'],
['<img border="0" src="../images/buttons/btn_ruby.gif">', '#']
],
['<img border="0" src="../images/buttons/btn_diamonds.gif">', null, null,
['<img border="0" src="../images/buttons/btn_bracelet.gif">', '#'],
['<img border="0" src="../images/buttons/btn_earings.gif">', '#'],
['<img border="0" src="../images/buttons/btn_necklace.gif">', '#']
],
['<img border="0" src="../images/buttons/btn_gifts.gif">', '#'],
],
['<img border="0" src="../images/buttons/btn_university.gif">', null, null,
['<img border="0" src="../images/buttons/btn_birthstones.gif">', null, null,
['<img border="0" src="../images/buttons/btn_seeallstones.gif">', '#'],
['<img border="0" src="../images/buttons/btn_january.gif">', '#'],
['<img border="0" src="../images/buttons/btn_february.gif">', '#'],
['<img border="0" src="../images/buttons/btn_march.gif">', '#'],
['<img border="0" src="../images/buttons/btn_april.gif">', '#'],
['<img border="0" src="../images/buttons/btn_may.gif">', '#'],
['<img border="0" src="../images/buttons/btn_june.gif">', '#'],
['<img border="0" src="../images/buttons/btn_july.gif">', '#'],
['<img border="0" src="../images/buttons/btn_august.gif">', '#'],
['<img border="0" src="../images/buttons/btn_september.gif">', '#'],
['<img border="0" src="../images/buttons/btn_october.gif">', '#'],
['<img border="0" src="../images/buttons/btn_november.gif">', '#'],
['<img border="0" src="../images/buttons/btn_december.gif">', '#']
],
['<img border="0" src="../images/buttons/btn_colorstones.gif">', null, null,
['What is a Colored Stone?', '#'],
['Why buy a Colored Stone?', '#'],
['Value of Colored Stones', '#'],
['Where to buy Colored Stones', '#'],
['Your Colored Stone', '#']
],
['<img border="0" src="../images/buttons/btn_diamonds.gif">', null, null,
['Art & Craft', '#'],
['Diamond Beauty', '#'],
['Diamond Care', '#'],
['Diamonds Value', '#'],
['Famous Diamonds', '#'],
['Symbol of Love', '#'],
['Shapes', '#'],
['The 4 CA?s', '#']
],
['<img border="0" src="../images/buttons/btn_karatgold.gif">', null, null,
['Fake Gold?', '#'],
['Golds Uniqueness', '#'],
['The Allure', '#']
],
['<img border="0" src="../images/buttons/btn_jewelrycare.gif">', null, null,
['Colored Stones', '#'],
['Cultured Pearls', '#'],
['Diamonds', '#'],
['Karat Gold', '#'],
['Sterling Silver', '#'],
['Watches', '#']
],
['<img border="0" src="../images/buttons/btn_pearls.gif">', null, null,
['Choosing Cultured Pearls', '#'],
['Cultured Pearl Value', '#'],
['Cultured Pearl Care', '#'],
['<img border="0" src="../images/buttons/btn_necklaces.gif">', '#'],
['Types of Pearls', '#']
],
['<img border="0" src="../images/buttons/btn_platinum.gif">', null, null,
['Buying Platinum Jewelry', '#'],
['Jewelry', '#'],
['Platinum Weddings', '#'],
['Q & A', '#'],
['Why Platinum?', '#']
],
['<img border="0" src="../images/buttons/btn_selecting.gif">', null, null,
['Face Shapes', '#'],
['Hands', '#'],
['Height & Bone Structure', '#']
],
['<img border="0" src="../images/buttons/btn_watches.gif">', null, null,
['Price & Style', '#'],
['Show you care', '#'],
['Types of Watches', '#'],
['Where to but watches?', '#'],
['Whay buy a fine watch?', '#'],
]
],
['<img border="0" src="../images/buttons/btn_signature.gif">', null, null,
['<img border="0" src="../images/buttons/btn_diamonds.gif">', '#'],
['<img border="0" src="../images/buttons/btn_jewelry.gif">', '#'],
],
['<img border="0" src="../images/buttons/btn_custom.gif">', '#'],
['<img border="0" src="../images/buttons/btn_contactus.gif">', '#'],
];


tigra - 6/20/2007 at 04:22 PM

there are numerous. Every comma preceding the closing bracket is the error for IE.

['<img border="0" src="../images/buttons/btn_gifts.gif">', '#'], <-- like this one for example
],


lbjerke - 6/20/2007 at 07:51 PM

can you give me a correct example without the comma using this one:

['<img border="0" src="../images/buttons/btn_gifts.gif">', '#'], <-- like this one for example
],

Thanks for all the help!


tigra - 6/20/2007 at 10:09 PM

here is the basic principle:
['red', 'green', 'blue', ]
or the same
[
'red',
'green',
'blue',
]
is incorrect because you have the comma after the blue, but there is no next element for comma to separates it from. correct syntax would be:
['red', 'green', 'blue']
this doesn't change if the closing bracket is on the next line:
[
'red',
'green',
'blue'
]
in your case the correct syntax would be:
['<img border="0" src="../images/buttons/btn_gifts.gif">', '#'] //<-- no comma here because this is the last element
],


lbjerke - 6/21/2007 at 06:00 AM

so i re-created my whole menu, and it still doesnt work in IE6

and i dont know if it works in safari, or not

and this code is straight from the builder

Code:
/* Tigra Menu items structure */
var MENU_ITEMS = [
['Home', null, null,
['1', null],
['2', null],
['3', null]
],
['gallery', null, null,
['1', null, null,
['a', null],
['b', null]
],
['2', null, null,
['a', null],
['b', null],
['c', null]
],
['3', null, null,
['a', null],
['b', null],
['c', null]
],
['4', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null],
['f', null]
],
['5', null]
],
['university', null, null,
['1', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null],
['f', null],
['g', null],
['h', null],
['i', null],
['j', null],
['k', null],
['l', null],
['m', null]
],
['2', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null]
],
['3', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null],
['f', null],
['g', null],
['h', null]
],
['4', null, null,
['a', null],
['b', null],
['c', null]
],
['5', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null],
['f', null]
],
['6', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null]
],
['7', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null]
],
['8', null, null,
['a', null],
['b', null],
['c', null]
],
['9', null, null,
['a', null],
['b', null],
['c', null],
['d', null],
['e', null]
]
],
['signiture', null, null,
['1', null],
['2', null]
],
['custom', null],
['contact', null]
];


tigra - 6/21/2007 at 03:12 PM

added your code to sample1 from the distribution package and it worked in IE just fine. There may be some problem with your IE (i.e. disabled scripting or something). At least it should give you the error message if it's not happy with the code.


lbjerke - 6/21/2007 at 03:39 PM

hmmm...i will check my options when i get home, what version of IE did you test in?

also is it possible to put rollover images in the menu?

thanks!


tigra - 6/21/2007 at 04:38 PM

It worked in both IE6 and 7.
With free version you can have background image rollover. With PRO and GOLD you can have graphic rollovers configured independently for each item.


lbjerke - 6/22/2007 at 12:30 AM

This is what i get in IE


lbjerke - 6/22/2007 at 03:20 AM

I FIXED IT!!!!!


thanks tigra


lbjerke - 6/23/2007 at 01:21 AM

1 more problem, the position of the menu, it changes with the resoulution size.....is there any way to fix this?

here is the site

jscollarddesign.com/er_preview/


at large resoulutions it works fine, but if you frop down to 800x600 it moves the menu


any ideas?

-LB


tigra - 6/23/2007 at 02:24 AM

It's the content of the page that moves, the menu stays at the same coordinates. What you need is to make the menu move together with the content. Free version of the menu will only work with left aligned content. If the content of the page is centered or right aligned you need PRO or GOLD version of the menu.


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/