Scripty goodness: Fanfiction Header Builder

[hope]

Introducing the Fanfiction Header Builder!

The Fanfiction Header Builder is a tool made to help you create nicely-formatted headers for your stories with ease.

Just select the elements of the header you want to include, enter your own material, and then copy & paste the code into your "compose entry" text box (in plain text mode, of course).

Features include:

• Links to previous/next/master posts, if you're posting a chapter of a WIP - just enter the URL and it'll write the rest of the code for you


• Same goes if you'd rather link to your story elsewhere, rather than LJ cut it - just enter the URL and the text you want hyperlinked


• The option to include the "highlight to reveal" code on a couple of components, if you want to warn safely but hide spoilers


• A whole range of components you can take or leave as you see fit - and all the text fields are unrestricted, so you can put whatever material you like wherever you like.

And of course, you can always edit the header yourself once you've pasted it into your compose entry page.


You will need to have Javascript enabled in your browser in order for this tool to work.

It's optimised for Firefox, but has also been successfully tested in Safari and Chrome. It's incompatible with IE6 (I'd welcome feedback on how it works in IE7 & 8, though).



Further author notes -

This tool has been built with jQuery. I am a HTML/CSS coder who's presently learning javascript (the jQuery library in particular). This is the first relatively complex project I've built, so no doubt the script is a bit of an unnecessary mess.

Any feedback on technical aspects is very welcome. This is being initially published on Dreamwidth only to start with a smaller group of users!

Feedback on basic functionality is also welcome, so long as you keep in mind that it cannot be everything to everyone, and trying to build something that is will result in it being unwieldy and over-complicated.


Feel free to link to this post or the Header Builder itself if you'd like to share it around.

Thanks!

Comments

[hope]

ooo, really? Could you possibly screengrab it for me? I tried it on a version of IE6 at work and it was very sad indeed.

[wenchpixie]

I can try, it's a bit dodgy to get through the proxy though,

Hrm. You do need to open the arrows top to bottom in order or it overlays the divs in a really funny fashion, I remember that much :)

[hope]

I think on my IE6 install it couldn't even display the left and right panels alongside each other.

[wenchpixie]

Right, here goes: http://work.worktodo.org/lj/displayimage.php?album=14&pos=1

Grab 1 is the page on opening (cropped, but you're not missing anything ;))

grab 2 is what happens if you expand a lower arrow before the one above

grab 3 is what happens if you then collapse the sections and re-expand them in order

grab 4 is the output :).

IE 6.02 on XP (patching level redacted). hth :). feel free to use the grabs as you will, but basically, it's a bit clunky but the functionality is still more or less there. As per everything that one has to do on ie6.

[hope]

iiiiinteresting. Thanks!