Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Thread: suckertree hoizontal menu css + javascript questions

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

    Question suckertree hoizontal menu css + javascript questions

    Hi DD community!

    Since three days I am reading here and work on my modified suckertree horizontal menu.

    Now I am lost and have to ask for help:

    need some help in css formating and maybe some fixings in the javascript code.


    Question 1 ??? current site => link = black - how??? ":current"? :active?


    Question 2 ??? this has been solved meanwhile, but now there is a question No. 7


    Question 3 ??? '<p id="iepara"></p>' <!--For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE--> Needed exactly for what?


    Done! Question 4 ??? How can both sublevel-menus been shown (I did several tries with two separate javascipts, it is always only shown the first or the second.) Now I think, the second script needs some changes)?
    Thank you, Bud, for the hint!
    Changed in the javascript: *var menuids=["treemenu1","treemenu2"] //Enter id(s) of SuckerTree UL menus, separated by commas
    Changed in the second menu code: "<div class="suckertreemenu"><ul id="treemenu2">"



    Done! Question 5 ??? How to set the submenus of the second menu to be shown above the main level ?
    Fixed by myself *proud*
    Changed disclosures for "top:" in the CSS code



    Done! Question 6 ??? How to change java script code (menu arrows are not needed)?
    Thank you for the hint, Beverleyh!
    see post http://www.dynamicdrive.com/forums/s...381#post292381
    Changed in the javascript: commented out the lines:
    //ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
    //ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"



    Question 7 ???
    The Holly Hack seems only to work in IE 4 - 6!?! Have a look at this table: http://www.dynamicsitesolutions.com/...support-chart/

    IE 8 looks fine without the Holly Hack (with activated ActiveX)?!? Still needed?
    In Chrome (version 25.0.1364.172 m) it also looks nice.
    But: the menus have a space /overlap in FireFox version 19.0.2.
    How to manage this?

    /* Holly Hack for IE \*/
    /** html .suckertreemenu ul li, .suckertreemenu2 ul li { float: left; height: 1%;}
    * html .suckertreemenu ul li a, .suckertreemenu2 ul li a { height: 1%;}
    * html .suckertreemenu ul li ul li, .suckertreemenu2 ul li ul li { float: left;}*/
    /* End */


    I packed my work in a .zip-file:
    two .html-files, a .gif- and a .png-image and put it now into the DD space, hoping someone will have a look at it.

    I am still learning and will probably not understand too "cryptic" explanations and please, excuse my bad English.

    Thank you for reading!
    wimi
    Attached Files Attached Files
    Last edited by wtronic-germany; 03-23-2013 at 07:46 PM.

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.


    http://oarso.net/suckerTree/index.html

    This has both one the same page.just do like it has for each menu but place it where you want it.
    Thanks,

    Bud

  3. The Following User Says Thank You to ajfmrf For This Useful Post:

    wtronic-germany (03-23-2013)

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

    Default

    Done! Thank you, Bud, for the hint!

    Changed in the javascript: var menuids=["treemenu1","treemenu2"]
    Changed in the second menu code: <div class="suckertreemenu"><ul id="treemenu2">

    Now the second hoizontal menu works too (downwards) and "only" five more questions are remaining ...

    Here is the link: http://fimum.de/lischi/wtronic-sucke...menu-test.html

    Greetings from wimi

  5. #4
    Join Date
    Mar 2013
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Question 5 is done too!

  6. #5
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    In the css for the menu you have the arrows here:

    Code:
    /*Background image for top level menu list links */
    .suckertreemenu .mainfoldericon{
    background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
    }
    
    /*Background image for subsequent level menu list links */
    .suckertreemenu .subfoldericon{
    background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
    }
    remove the meda/arrow-right.gif and the media/arrow-down.gif

    just delelte the link to the image and leave the background to start.
    Thanks,

    Bud

  7. #6
    Join Date
    Mar 2013
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi Bud,

    the CSS code was deleted, but I want to delete the code in the JavaScript too.

    Thanks!
    wimi

  8. #7
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    I may be wrong but I don't think that the javascript is involved with the arrow images,just the css.

    If I am wrong someone will correct me surely - lol
    Thanks,

    Bud

  9. #8
    Join Date
    Mar 2013
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    The javascript is somehow involved:

    ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"

    ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"

    So sorry
    wimi

  10. #9
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    I don't think that is what it may look like.

    I am not a javascript guru so we need one to verify that it is not for those arrow images as I believe.
    Thanks,

    Bud

  11. #10
    Join Date
    Mar 2013
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    The link has changed:

    http://fimum.de/lischi/suckertreemenu-test/test.html

    Greetings from wimi

Similar Threads

  1. Replies: 4
    Last Post: 03-19-2013, 07:38 PM
  2. Javascript questions... What Is The Best Option?
    By Byronwells in forum Looking for such a script or service
    Replies: 10
    Last Post: 03-03-2010, 02:49 AM
  3. javascript general questions
    By leonidassavvides in forum JavaScript
    Replies: 1
    Last Post: 05-17-2008, 06:25 PM
  4. Replies: 1
    Last Post: 04-16-2008, 06:01 PM
  5. Javascript SuckerTree Horizontal Menu works for FF not IE
    By Ramya_hv in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 12-28-2007, 12:57 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
  •