Advanced Search

Results 1 to 5 of 5

Thread: Flex Drop Down Menu browser compatibility problem

  1. #1
    Join Date
    Mar 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Flex Drop Down Menu browser compatibility problem

    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 :

    Click image for larger version. 

Name:	FlexMenu-HTML-Workng-Section.jpg 
Views:	221 
Size:	55.0 KB 
ID:	4976

    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....
    Last edited by james438; 03-09-2013 at 04:47 PM. Reason: formatted to be readable. removed signature

  2. #2
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,681
    Thanks
    80
    Thanked 89 Times in 87 Posts

    Default

    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 and here.
    Last edited by james438; 03-09-2013 at 06:39 PM.
    To choose the lesser of two evils is still to choose evil. My personal site

  3. #3
    Join Date
    Mar 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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."

  4. #4
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,681
    Thanks
    80
    Thanked 89 Times in 87 Posts

    Default

    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
    Last edited by james438; 03-10-2013 at 12:31 AM. Reason: typo
    To choose the lesser of two evils is still to choose evil. My personal site

  5. #5
    Join Date
    Mar 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

Similar Threads

  1. Replies: 7
    Last Post: 03-16-2011, 02:12 PM
  2. Flex Level Drop Down Menu IE7 IE8 problem
    By Webby-CES in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 12-15-2010, 11:10 PM
  3. Flex Sub-menu items not fit in the browser window?
    By venkat6134 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 10-28-2010, 12:44 PM
  4. CSS dropdown menu browser compatibility pb
    By echaland in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-17-2008, 01:02 PM
  5. HV Menu v5.5 - browser compatibility
    By nickgibbens in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 02-05-2007, 11:03 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •