Results 1 to 7 of 7

Thread: Chrome CSS Drop Down Menu (v2.01)

  1. #1
    Join Date
    Dec 2007
    Location
    Mississauga
    Posts
    166
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default Chrome CSS Drop Down Menu (v2.01)

    1) Script Title:
    Chrome CSS Drop Down Menu (v2.01)

    2) Script URL (on DD):
    http://dynamicdrive.com/dynamicindex1/chrome/index.htm

    3) Describe problem: (revised)
    I want to know if it's possible to make this menu into a "multi level menu" and also how to align the top of the drop down menu with the top of my button so that it opens on the right hand side and not the bottom. Reason for using this menu is ease of editing and I need one with an animated in effect.

    Thank you for anyones help on this as I am seriously lost here.

    -- Nate
    Last edited by nate51; 03-17-2008 at 06:23 PM. Reason: Question changed.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm do you actually mean to the right of the anchor element, to be exact, upper right corner of it (similar to Anylink Vertical Menu)?

  3. #3
    Join Date
    Dec 2007
    Location
    Mississauga
    Posts
    166
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Actually I was aiming for upper left, but yes the same idea as my navigation is vertical not horizontal. But I was hoping to do it with this css and java as I am looking for something that seems to animate in rather than just pop in.

  4. #4
    Join Date
    Dec 2007
    Location
    Mississauga
    Posts
    166
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    I tried to play with the x and y values on this portion of the code...

    HTML Code:
    dropit:function(obj, e, dropmenuID){
    if (this.dropmenuobj!=null) //hide previous menu
    this.dropmenuobj.style.visibility="hidden" //hide menu
    this.clearhidemenu()
    if (this.ie||this.firefox){
    obj.onmouseout=function(){cssdropdown.delayhidemenu()}
    obj.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick?
    this.dropmenuobj=document.getElementById(dropmenuID)
    this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
    this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
    this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
    this.showhide(this.dropmenuobj.style, e)
    this.dropmenuobj.x=this.getposOffset(obj, "left")
    this.dropmenuobj.y=this.getposOffset(obj, "top")
    this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
    this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
    this.positionshim() //call iframe shim function
    }
    },
    And it did bring the menu up and to the right but I am aiming for the left and the top of the menu to be lined up with the top of the button.

    Can anyone point me in a possible right direction?

  5. #5
    Join Date
    Dec 2007
    Location
    Mississauga
    Posts
    166
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Just keeps getting better....

    I just found out I need to make the menus "multi level" if someone can give me a heads up as to if this code is able to be altered to work as a multi level or not then I will figure out if I am continuing with this code or looking for something else.

    I need all the help I can get.

    Please and Thanks.

    -- Nate

  6. #6
    Join Date
    Dec 2007
    Location
    Mississauga
    Posts
    166
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Original question has been revised as I have figure out how to push the menu to the right of the button.

    -- Nate

  7. #7
    Join Date
    Jun 2008
    Location
    Waterloo, Ontario, Canada
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Nate,

    Did you ever get anywhere with making this menu multi-level? I too am looking to make this menu multi-level ( with iFrame shim support - multi-level over java applet )

    Andy

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
  •