Training, Open Source computer languages
PerlPHPPythonMySQLApache / TomcatTclRubyJavaC and C++LinuxCSS 
Search for:
Home Accessibility Courses Diary The Mouth Forum Resources Site Map About Us Contact
 
This week, we're updating our course layouts and descriptions. Presentation and materials always gently change over time, but just occasionally there's a need to make a step change to clear out some of the old and roll in the new. That's now happening - but over a long and complex site it's not instant and you'll see sections of the site changing up to and including 19th September.

See also [here] for status update
 
JavaScript - change selected text using button

Posted by TedH (TedH), 30 October 2004
I have an editor which uses JavaScript with buttons to format HTML (bold, italic etc.). This works fine but I would like to be able to do this a different way.

Objective:
In textarea in a form:
1)Select text with cursor
2)Click a button (say bold)
3)The selected text gets <b>selected text</b> HTML bold tags written around it - without moving the selected text from it's position in the rest of the text.

How do I accomplish that using JavaScript? Is it even possible?

Hope you can help.

Thanks - Ted

Posted by admin (Graham Ellis), 30 October 2004
Oh help!   I'm not personally enough of a JavaScript person to attempt to come up with even a hint of an answer (much more a server-side person myself), but acknowledging your question Ted and hoping that some of the othe folks who answer here can come up with a useful answer ....

Posted by TedH (TedH), 30 October 2004
Thought I'd stick a page up with it so folk might understand the problem more easier.

<A HREF="http://www.bluwall.com/testbutton.html" target="_blank">
Testbutton</A>

Any extra additions from a button autmatically puts it after the existing text.

JS is on the page (view source).

Have fun - Ted

Posted by Custard (Custard), 30 October 2004
Just had a google, and came up with this...

http://www.quirksmode.org/js/selected.html

Which possibly looks like your man!

Couldn't test as I use Safari..

Hate to say it, but Microsoft have a quite good set of docs for DOM and JS.

hth

B

Posted by TedH (TedH), 31 October 2004
I'll get that and see what I can do with it - thanks Ted

If anyone else has any ideas I'll have a look at them too - cheers

Posted by TedH (TedH), 31 October 2004
Well, it works to a degree, but not very well. I did find a couple of other bits that would turn text bold, but unfortunately it turns all the text in the form bold without any HMTL tags.

After a few hours of scrounging around the web it seems that this particular thing is in the realm of VB, C++ etc., but not JavaScript.

Well it was worth a try anyway. Looks like I shall have to simply write very exact instructions on how to use the editor. Once a user gets used to it should not be a problem.

Thanks - Ted

Posted by TedH (TedH), 2 November 2004
After a bit of thought and messing around I contacted a friend who's a JS expert and he gave me a bit of code.

While not absolutely perfect is works well enough.

www.bluwall.com/testbutton.html

The "After thought" buttons work quite well on selected text. But - can mess up things if you click a button without selecting anything. A page refresh seems to solve that okay.

- Ted



This page is a thread posted to the opentalk forum at www.opentalk.org.uk and archived here for reference. To jump to the archive index please follow this link.

You can Add a comment or ranking to this page

© WELL HOUSE CONSULTANTS LTD., 2014: Well House Manor • 48 Spa Road • Melksham, Wiltshire • United Kingdom • SN12 7NY
PH: 01144 1225 708225 • FAX: 01144 1225 899360 • EMAIL: info@wellho.net • WEB: http://www.wellho.net • SKYPE: wellho