1) Script Title: flexdropdowncontents.js
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...suppliment.htm
3) Describe problem: How can i convert this <UL><li> code below into a Javascript friendly URL here :
Code:
<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>
<li><a href="#PSILINK">PSILINK : THE MEMORY GAME<BR>OF THE MILLENNIA</a></li>
</ul>
The code works fine in html (In Firefox only)
Here's the Line Problem in flexdropdowncontents.js that i cannot solve :
Code:
//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 :
Code:
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 <???> :-
Code:
<script type="text/javascript">
jQuery(document).ready(function($){
$(document.body).append(flexmenu1.menu)
$('#SION-1').addflexmenu('flexmenu1')
$('.SION-1').addflexmenu('flexmenu1', {dir:"h", offsets:[357,-337]})
})
</script>
Here's the Image Map Anchor Element :
Code:
<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 :

http://www.cybatron.com/Index-FF-Menu.htm
==============================
Here's a frustrated mess with it NOT working :
http://www.cybatron.com/Index-FF-Menu-XX.htm
==============================
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 :
http://www.cybatron.com/Index-FF-Menu.htm
Thanks for reading this....
Bookmarks