CSS Navigation Help

penguin · March 13th, 2008, 12:25 PM

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 · March 14th, 2008, 01:34 PM

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

pagerss · March 15th, 2008, 09:46 AM

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 · March 15th, 2008, 10:43 AM

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:

<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.