Project Detail

Description

I'm currently developing a news script with similar features as a forum have to customize the text.

I have a textarea with 7 buttons above it. Each button should have it's own function. It's not a WYSIWYG editor but the button should help the writer to handle the tags. The buttons are

- Bold
- Italic
- Underline
- List
- Image
- Link
- Quote


BOLD - If the bold button is clicked the selected text should be replaced with tags around it [b] and [/b]. If no text is selected, the writer is asked to input a text which will be bolded and placed at the end of the textarea.

ITALIC - Same as bold but with [i] and [/i]

UNDERLINE - Same as bold but with [u] and [/u]

LIST - The write is asked to input items. To quit he must enter an empty string or hit cancel (just like forums).

IMAGE - When this button is clicked, a new window will open with a list of images connected to the current project (handled by me with php). The writer select one of the images and select if the align should be regular, left or right. He can also enter a description for the image (optional field). He sould be able to cancel at any time and if he complete the steps the code is inserted at the end of the textarea. An image tag can have 4 different looks depending on whats been entered.

LINK - He is asked to insert a URL and an anchor text. If a text in the textarea is selected. This text should be default value for the anchor text and replaced if both input questions are correct.

QUOTE - Same as bold but with [quote] and [/quote].

You will get a sample html-file with the textarea and the buttons, and you will create a complete js-file with these functions and an additional html-file for image window. I will redesign the window at a later state but it should include steps. First selecting image from list and then selecting align and at last a description. Use div tags to hide and show for different steps so everything can be done without any server scripting.

All functions must work on IE6, IE7 and Firefox. There should be error handling and the js-file should be structured so it's easy to seperate the functions from each other.

More information will be given to to the chosen one. I expect this to be done quickly and easy for someone with good knowledge about Javascript and I expect you to be that. Don't bid if you can deliver a complete script within a few days at most.