Results 1 to 5 of 5

Thread: Drop Down Help Plz

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

    Default Drop Down Help Plz

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

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

    3) Describe problem: Getting rid of the drop down arrow img.

    Can anyone please let me know how to get rid of the img that the active drop downs have?

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Find this code in your chrome.js file on line 185 and remove the highlighted:
    Code:
    menuitems[i].innerHTML=menuitems[i].innerHTML+" "+this.dropdownindicator
    Good luck!

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    From the demo page:

    At the top of "chrome.js", there are a few variables you may want to customize:

    Code:
    disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout
    dropdownindicator: '<img src="down.gif" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu
    enablereveal: [true, 8], //enable swipe effect? [true/false, steps (Number of animation steps. Integer between 1-20. Smaller=faster)]
    enableiframeshim: 1, //enable "iframe shim" in IE5.5 to IE7? (1=yes, 0=no)
    Change that to an empty string, ex (from chrome.js):

    Code:
    //** Chrome Drop Down Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
    
    //** Updated: July 14th 06' to v2.0
    	//1) Ability to "left", "center", or "right" align the menu items easily, just by modifying the CSS property "text-align".
    	//2) Added an optional "swipe down" transitional effect for revealing the drop down menus.
    	//3) Support for multiple Chrome menus on the same page.
    
    //** Updated: Nov 14th 06' to v2.01- added iframe shim technique
    
    //** Updated: July 23rd, 08 to v2.4
    	//1) Main menu items now remain "selected" (CSS class "selected" applied) when user moves mouse into corresponding drop down menu. 
    	//2) Adds ability to specify arbitrary HTML that gets added to the end of each menu item that carries a drop down menu (ie: a down arrow image).
    	//3) All event handlers added to the menu are now unobstrusive, allowing you to define your own "onmouseover" or "onclick" events on the menu items.
    	//4) Fixed elusive JS error in FF that sometimes occurs when mouse quickly moves between main menu items and drop down menus
    
    //** Updated: Oct 29th, 08 to v2.5 (only .js file modified from v2.4)
    	//1) Added ability to customize reveal animation speed (# of steps)
    	//2) Menu now works in IE8 beta2 (a valid doctype at the top of the page is required)
    
    var cssdropdown={
    disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout
    dropdownindicator: '', //specify full HTML to add to end of each menu item with a drop down menu
    enablereveal: [true, 8], //enable swipe effect? [true/false, steps (Number of animation steps. Integer between 1-20. Smaller=faster)]
    enableiframeshim: 1, //enable "iframe shim" in IE5.5 to IE7? (1=yes, 0=no)
    
    //No need to edit beyond here////////////////////////
    
    dropmenuobj: null, asscmenuitem: null, doms . . .
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you so very much!

  5. #5
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    You're welcome, glad to help!
    You can go to your first post in this thread, click then click Go Advanced and add the Resolved prefix to the thread title.
    This will let other users know the problem has been solved.

    Good luck with your site!

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
  •