View Full Version : Flex Drop Down Menu browser compatibility problem

03-09-2013, 01:04 PM
1) Script Title: flexdropdowncontents.js

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/flexdropdown_suppliment.htm

3) Describe problem: How can i convert this <UL><li> code below into a Javascript friendly URL here :

<ul id="flexmenu1" class="flexdropdownmenu">
<li><a href="JAVASCRIPT:VOID()" data-dir="h" title="A SIMPLE TO ADVANCED CARD GAME FOR ALL PEOPLE AGED 3 - 108"><img src="http://www.Cybatron.com/favicons_009.png" align="absmiddle" width="20" height="20"> Psilink.net</a></li>

The code works fine in html (In Firefox only)

Here's the Line Problem in flexdropdowncontents.js that i cannot solve :

//1st MENU Contents

var flexmenu1=new ddlistmenu('flexmenu1', 'flexdropdownmenu') //var menuvar=new ddlistmenu('menuid', 'menuclass') flexmenu1.addItem('#', 'Psilink.net', '') //addItem(url, text, optionaltarget)

Have tried to change the URL # to a variable - no success - here :

var #="";
# += "<a href=\"JAVASCRIPT:VOID()\" data-dir=\"h\" title=\"A SIMPLE TO ADVANCED CARD GAME FOR ALL PEOPLE AGED 3 - 108\"><img src=\"http:\/\/www.Cybatron.com\/favicons_009.png\" align=\"absmiddle\" width=\"20\" height=\"20\">";

Don't think it's a problem here <???> :-

<script type="text/javascript">
$('.SION-1').addflexmenu('flexmenu1', {dir:"h", offsets:[357,-337]})

Here's the Image Map Anchor Element :

<area href="#SION-1" class="SION-1" shape="polygon" coords="307, 197, 357, 185, 374, 203, 374, 220" data-flexmenu="flexmenu1">

Here's the Code Working - (html <UL><LI> code NOT wrapped into Javascript) with the area href as "#" only :




Here's a frustrated mess with it NOT working :



i AM a bit of dork when it comes to javascript - so, any help you can offer will be greatly appreciated,
cos i've given up for now.....

Also, it doesn't work properly in IE 8, and in IE 9 & 10 (Compatibility Mode) x,y, coords are ALL over the place...

Doesn't even show up in Chrome...

It ONLY works in Firefox :


Thanks for reading this....

03-09-2013, 05:53 PM
I corrected some of your formatting to make it more readable. It is best to only use formatting when it helps to get your point across or to makes it more readable.

Please do not bypass the signature rule. Signatures are limited to 4 lines and are allowed after you have 100 posts. See here (http://www.dynamicdrive.com/forums/showthread.php?24866-Forum-Rules-Read-First) and here (http://www.dynamicdrive.com/forums/rules.htm).

03-09-2013, 07:59 PM
Okay James - No problem - didn't know - Any idea on Code??? Like the Issue above - Thanks - Blessings - Elijah †

† Mark 13 : 37 †
"And what I say unto you I say unto all, Watch."

03-09-2013, 08:30 PM
Javascript is not a language I am very familiar with.

This doesn't have much to do with your question, but after looking at your site I would suggest simplifying the layout somewhat. At present there are a lot of images, colors, and animations. Try to prune most of it down so that it is easier to navigate and place the extra content on separate pages. There are a lot of interesting things you can do with web design, but if you over do it the overall effect is that it makes it harder to understand the message you are trying to get across.

Here's a helpful link for website layout I recently came across: http://webtips.jemcon.org/design/mistakes.php

03-12-2013, 02:27 PM
Appreciate that James - but it's just a Web Portal - pick a Link and explore - It's the Menu Issue that i can't figure out either way - But THANKS VERY MUCH - kind input - Will try and find an alternate menu, if no-one can solve this - Blessings - Elijah

PS : Love your byline quote - Awesome ...

† Romans 12 : 10 - 13 †
"Be kindly affectioned one to another with brotherly love; in honour preferring one another;
Not slothful in business; fervent in spirit; serving the Lord; Rejoicing in hope; patient in tribulation;
continuing instant in prayer; Distributing to the necessity of saints; given to hospitality." - Amen