Akatombo Web Log
Friday, August 13, 2004
Javascript and CSS popins
We hope to flesh this concept out quite a bit more and then do a more thorough writeup about it, but for now we are putting up the very intentionally ugly rough, proof of concept version of the javascript and css popin windows that we were experimenting with a while back.
We decided to put this up to let Luis from Blog from Another Dimension have a look at it, for it’s use of the modification of css display properties with Javascript. Here is the relevant text from the comment thread at his site:
Me:
The first solution is to use javascript to change the css display status for the best of bfad list when the header is clicked. You could then have a rolldown triangle to the left of the section header and have the actual section appear when people click on the header.) I have a proof of concept exercise that I did using a similar technique to make css popup help windows that I could show you if you’d like to figure out how to do this.
Luis:
That would be interesting. Is the proof-of-concept available for viewing somewhere? I still haven’t figured out javascript--I’ve tried pasting in pre-made freeware scripts from time to time with very limited success--and the how-to sites I visit when I try to learn usually assume that you know a lot more than I do…
Me:
I didn’t have it up and available anywhere online, but I went ahead and stuck it up in its rough, proof of concept state on the Akatombo Media site. Just understand that it is currently intentionally ugly so that it would be clear if anything was overrunning boundaries. I was considering fleshing out the concept a little bit more and writing an article on it at some point, but I haven’t had time yet, and don’t have time to do anything at all with it right now. (trying to keep enough client work going to keep food on the table and all that)In the interest of giving credit I think I originally got the idea for this from something slightly related that Zeldman wrote about (use of Javascript to modify the css display property). Anyway, without further ado, I give you Javascript and CSS pop-in windows. If you’d like to comment on it, please feel free to comment on the relevant blog post.