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

[eyebrowofdoom]

AWESOME.

Title: This is an epic title of epicity
Author: by me
Fandom: I am a fan of me.
Wordcount: 50 million and going strong
Rating: only death with release you
Disclaimer: Lies, all lies

That was in IE7 on PC.

The Basic Header builder worked fine, but things went screwy when you expanded the other arrows under that - basically the list items all got jumbled up and clashed with each other.

My other feedback would be: I kind of wanted some hover or focus behaviour on the arrows. I am sufficiently used to seeing hover behaviour on clickable things that when I don't see it, I conclude that they're either broken or not interactive (although of course I did click anyway, and found out they did work).

[ex_soup621]

What she said about the hovering.

Also:


Title: i say
Author: old chum
Fandom: hurt ianto
Wordcount: i like hurt ianto
Pairing(s): jalopy
Warning(s): it made me happy when
Contains: (highlight to reveal) jack was depressive


in the fute

[hope]

Dorkface <3

[hope]

*salutes* Will work on the hovering!

And bah, IE7. Hrm. I used tables to arrange the builder (which worked well without CSS, too, but eh), I think I might make more of an effort to get it working with CSS only. That might help the IE probs... Or might not. We'll see.

Cheers!

[eyebrowofdoom]

I don't think I sufficiently expressed my glee that you built something that does stuff in JQuery.

Here it is:

GLEEEEEEEEEEEE.

[hope]

INORITE IT'S EXCITING HUH!

My book is great. So is being able to make programmers tell me things. This blog is handy, too: http://www.learningjquery.com/