PDA

View Full Version : Need help removing 'clickable' menus names in the Apple Style Accordian Menu



Raubie
06-14-2010, 05:34 AM
Hope someone can help, but I just added this beautiful script (Apple Style Accordian Menu) and it works wonderfully. But, I'd like to change the menus names so that they're not clickable, just menu titles. Probably simple but I couldn't find a solution. Removing the individual [a href...] just left me with a white menu and text. Not the answer, as the menus should be either gray or blue.

Hope someone here can show me how to change this. I'd appreciated it greatly. Thank you.

1) Script Title: Apple style Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm

3) Describe problem: Hope someone can help, but I just added this beautiful script (Apple Style Accordian Menu) and it works wonderfully. But, I'd like to change the menus names so that they're not clickable, just menu titles. Probably simple but I couldn't figure it out. Removing the individual [a href...] just left me with a white menu and text. Not the answer, as the menus should be either gray or blue.

Hope someone here can show me how to change this. I'd appreciated it greatly. Thank you.

PS: I added this to the javascript forum before reading the sticky (my apologies)

azoomer
06-14-2010, 07:04 AM
Instead of removing the a href you could just replace the http://.... with #. I guess that would make them unclickable. And if you want to get rid of the pointer you could add cursor:default; in this part of your css .applemenu div.silverheader a {
Well you can try and see if it works alright.

Raubie
06-14-2010, 05:47 PM
Azoomer, that was quick, thank you!

As you probably guessed, I'm a bit shaky on javascript. So bear with me.

You said "And if you want to get rid of the pointer you could add cursor:default; in this part of your css .applemenu div.silverheader a {"

I did that and it did exactly what you said it would do. Thx!:)

Referring to your "Instead of removing the a href you could just replace the http://.... with #. "

I had tried <a href="#">menu title</a>, but this just reloads the page, it doesn't make the menu non-clickable which is my preference. Could you be more specific with this hint/code, it's probably obvious to most except this newbie.

Thanks again. ~ Raubie

azoomer
06-14-2010, 06:12 PM
Maybe this one works better ??

<a href="javascript:void(0)">menu title</a>

i'm a bit shaky on javascript myself. Just trying to come up with some ideas !

Raubie
06-14-2010, 06:20 PM
Maybe this one works better ??

<a href="javascript:void(0)">menu title</a>


OMG, that's simply brilliant. :D

I owe you a couple beers (or your favorite libation of choice). Thank you azoomer!

Mimicking 'Wayne's World', "I am not worthy!"

~ Cheers, Raubie

HiPower
10-24-2012, 07:28 PM
azoomer,
Thought I'd let you know that that snippet of code helped with an unrelated problem I was having as well. The details are here: http://www.dynamicdrive.com/forums/showthread.php?71829-Loading-Content-into-Iframe-from-Apple-style-Accordian-Menu

Thanks!