TEXT formatting using JAVASCRIPT

[rkosmic1]

i am making a content manager, i want to be able to have the user format text with bold, italics, fontsize, color, etc within the text field window, kind of like the page here where we post topics and reply, any ideas where i can find any free scripts for this?

thanks

[Cam]

Make one. Something like this is basic but I am new to JavaScript so...

<script>
function insertBold()
{
   document.getElementById('text').value = document.getElementById('text').value + '<b></b>';
}
</script>

<button onClick="insertBold()">Bold</button>
<textarea id='text'></textarea>

[beetle]

The increment operator makes this easier. Add a parameter and you're doing better

<script type="text/javascript">
function insertInline( tag )
{
   document.getElementById('text').value += '<' + tag + '></' + tag + '>';
}
</script>

<button onClick="insertInline('b')">Bold</button>
<button onClick="insertInline('i')">Italic</button>
<button onClick="insertInline('u')">Underline</button>

I think you get the idea

[Abhishek Reddy]

You might be interested in this article: http://www.oreillynet.com/pub/a/java...s_toolbar.html

[rkosmic1]

cool thanks i will check them out ,,,

[SubKamran]

Note that "getElementById" is not supported by netscape (at least when I used it it wasn't, it was Netscape 7).

Instead do:

document.FORM_NAME.FORM_FIELD.value = lalalalal

[Markdidj]

you will see the line to check for NETSCAPE6

this.ns6 = document.getElementById && !document.all;

Keep checking the facts cos they keep changing!!!

[Markdidj]

HERE

[beetle]

It works just fine in NS7, but make sure your form element actually has an ID, and not just a NAME

[Cam]

I have Netscape 6.1 and getElementById works fine. I use it to empty a textarea and when I click the button the textarea is empty...

[superbrava]

how would you say view the formatted text in the text box you are writing your content in though? is there a way that the textarea can show you formatted text and the html?

[Cam]

Try adding this attribute to the <textarea> tag.

<textarea datatoformat='html'></textarea>

I really have no idea what it does but I've seen it before so have a try