Results 1 to 5 of 5

Thread: Chrome drop down menu

  1. #1
    Join Date
    Dec 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Chrome drop down menu

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

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

    3) Describe problem: Removing the small arrow next to the dropdown menus all together.


    I would like to remove the image arrow all together from my dropdown menu. I have tried replacing the image with a 1x1pixel png transparent image which works however this is causing problems between pages and image files. Does anyone know how I can edit the chrome.js file to make the image not display.


    Thanks

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

    Default

    Inside chrome.js, simply edit the below line to either modify or remove the down arrow altogether:

    Code:
    dropdownindicator: '<img src="down.gif" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu
    DD Admin

  3. #3
    Join Date
    Dec 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi ddadmin

    I tried to modify the dropdownindicator: '<img src="down.gif" border="0" />' line in the js file however I did not know what to type after the dropdownindicator:
    to have the arrows not show...

  4. #4
    Join Date
    Jan 2011
    Posts
    52
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Remove that line or code like below:

    dropdownindicator: '<img src="images/space.png" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu

  5. #5
    Join Date
    Dec 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile

    Problem solved.

    You also have to delete the code on line 185:

    menuitems[i].innerHTML=menuitems[i].innerHTML+" "+this.dropdownindicator

    along with the code on line 22: dropdownindicator: '<img src="../images/down.png" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu


    cheers

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
  •