Hello,
First, you guys rock. I've learned so much in this forum and have gotten about 30k words into my first novel. The more I looked at my Choice of games, the more I realized I can do 90% of what they do except one thing, I can't figure out how to make a header dropdown in JS or CSS.
I've seen others ask questions about this, and the answer is it's very complicated. To me, this is what makes Choice of Games art very gamified. The links on the drop down are all very simple, but that drop down seems simple. I thought it can be down with some sort of icon macro, and then a reveal once the icon is tapped that would overlap over text but I'm not sure.
I would switch over to sugarcube, but I'd have to relearn JS for that system which is, for me, essentially starting over.
#lesigh
Any advice or articles that show how to do this would be greatly appreciated.
Thank you!
Best,
Sir
Comments
Could you supply either a link to the relevant CoG header dropdown documentation or an image of what a header dropdown looks like.
Finally, I think the overlapping is accomplished using the z-index mentioned here in the description of CSS: http://www.w3schools.com/css/css_positioning.asp. I'm not sure how Harlowe will handle having an overlapping header but we will see once I get that far.
Mr. Elf, you sir are a legend. Thanks for all your hard work. Any further notes you give would be greatly appreciated for all of us here trying to build empires with matchsticks.
-FIF
Do you want the links in that menu to be able to easily update the contents of the main passage area?
Assuming that the answer is Yes then I think I would use two header tagged passages to implement it:
1. The first one to display status bar containing the three dots icon and to handle the opening/closing (showing/hiding using CSS) of the menu.
2. The second one to display the contents of the menu and to handle what happens when a menu item is clicked.
Thanks for your responses!
position:absolute;
" CSS tag for your passage style and that should do it. Hope this helps everyone.