CSS Navigation Help

penguin · Mar 13th, 2008, 15:25

Hi everyone,

i need some help regarding the application of a nice css navigation menu found at (http://www.dynamicdrive.com/dynamici...ordionmenu.htm) iv applied it to my page in a table (simple as cut n paste) and all is ok.. the problem comes when i want to have the functionality so that when 'css libary' is clicked the menu expands but also loads another page/ iframe. Iv tried the usual '<a href=' and linking options in dreamweaver but no luck. Please can someone help.

Cheers!

CloudedVision · Mar 14th, 2008, 16:34

you can't do that with HTML and CSS, you'll need javascript and AJAX.

pagerss · Mar 15th, 2008, 12:46

I am not sure for that menu but you can try something with link and javascript Or something like
<a href='#' onClick='somefunction();'> ahref</a>
But if you use ready menu please read careful manual if there are some ready and already written function.

CloudedVision · Mar 15th, 2008, 13:43

just a little correction to what pagess said:

Always have a backup in case javascript doesn't work. NoScript for firefox is getting more and more popular. For links, use something like this:

Code: Select all

<a href="somepage.html" onclick="some_function(); return false;">My Link!</a>

The return false will stop the link from going to somepage.html, but if javascript is disabled it'll go to somepage.html because the return false; won't be executed.

And also, I think what you'll want is a prescripted dropdown menu and AJAX to make this.