tags:

views:

464

answers:

2
Q: 

How can the selection of a textarea be determined/manipulated in Safari from JavaScript?

I have some JavaScript code that does two things:

  • retrieves the selected text from a text area
  • adds a prefix and suffix to that selected text

The code currently uses the selectionStart and selectionEnd properties of the textarea to figure out where the selection starts/end, extracts the selection text and processes it, and then re-writes the value of the textarea with the prefix and suffix inserted in the right spots.

This implementation works fine in Firefox but it does not work in Safari. Apparently the selectionStart and selectionEnd properties do not exist in WebKit. (I suspect that the code also does not work in Google Chrome, which is also WebKit-based, though I have not tested this.)

How can I perform these two operations in Safari?

+1  A: 

I believe you're looking for https://developer.mozilla.org/En/DOM:Selection

also appears to work in Safari (not tested by me) (see: http://lists.apple.com/archives/Web-dev/2005/Nov/msg00114.html

Jonathan Fingland  2009-05-27 05:29:29
To be honest, I was hoping for something a bit more explicit. eg: exactly how do I replace the selected text? Note also that I only want to do this if the selected text is in a textarea. If random text on the page is selected I'd like to give the user an error instead.
Laurence Gonsalves  2009-05-29 03:45:51
A: 

See goog.dom.selection in Closure.

Ben McCann  2009-12-20 08:34:06

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript