Can this be done with pure css? layer to appear when link is clicked

[richcleverley]

Right, I don't know if this can be done or not but would appreciate it if anyone can point me in the right direction.

I want to have a list of categories on the left hand side of my page, that when one is clicked will cause a form to appear to the right of the categories. I would prefer to be able to do this using pure css, rather than any javascript etc.

I need this as I have a lot of info I need to collect and would like go split it into sections, just not sure where to start.

I'm not asking for a complete solution, just some advice to get me going.

Thanks,

Richard

 

[Foamcow]

You would need to use javascript as there is no way to detect and act on the click using CSS.

You would however use CSS to show/hide the layer. Again this would be done with javascript to dynamically change the style properties of the element.

There are good an bad ways to do the javascript too. Look to use unobtrusive javascript.
For instance, only hide the element if the browser supports javascript and make sure that the whole process will work for someone without javascript available. But I am guessing you already realise that kind of thing

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[richcleverley]

Thanks for that. I suppose that is what I expected, now to work out how to implement it and get it working with javascript enabled and not!

Richard

 

[Foamcow]

Well you could have the element load as normal and once the page is loaded use javascript to hide it.
If javascript isn't available it won't get hidden.

However, this may show the element briefly. So you might be better off doing a detection at the start.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[richcleverley]

yep, probably will have to do a detection at the start as I need to be able to get all the sections filled in that will be in the different links on the left.

Richard