Your link was brilliant,
MrChad. I was able to modify one of the examples in it to do exactly what I want to do. Unfortunately, though, I've run into a problem. Not with the Javascript but with the positioning of the changing forms. I'm doing this using CSS and I don't know much more about CSS than I do about Javascipt, and rather than start a new thread for a different, but related, question, I'm going to just go ahead and edit the thread title and ask in this thread.
Problem Page
That's a link to the problem page. It's going to be a database for a bunch of short stories a friend and I have written, so excuse the silly nature of the site
😛
Anyway, though, the dynamic form works great and I can change back and forth between all the different options. If you try and change any of them, I think you'll immediately see the problem. When I change from character to vehicle, the character form disappears as it should and the vehicle form appears as it should, but it's further down the page. I tried goofing around with position: absolute in the CSS of the div ids. That's how it was done on the example that MrChad posted. That works... but there's a slight problem. The border that surrounds the area where all the forms are is supposed to contain the forms, no matter which one is displayed at the time. If I change it to absolute positioning, the forms overlap the border and run down into the section where the copyright information is. Basically, I need a way to have the form divs stay within the content_box div and what I've tried with my limited CSS knowledge has failed so far.
I don't know if that makes sense at all. I hope there's a way to do what I'm wanting to do.
Thanks for reading and putting up with a newb
🙂
