PDA

View Full Version : Chrome drop down menu



discostu22
12-21-2011, 11:49 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/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

ddadmin
12-22-2011, 12:19 PM
Inside chrome.js, simply edit the below line to either modify or remove the down arrow altogether:


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

discostu22
12-22-2011, 02:30 PM
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...

Paramasivan
12-22-2011, 06:32 PM
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

discostu22
12-22-2011, 10:40 PM
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