sentinel wrote:
Do you know of a solution that will work on Netscape 7.1 ?
Netscape doesn't implement the document.selection object that IE has,
nor the TextRange that IE has.
It has a buggy implementation of the W3C DOM Level 2 Range specification
documented at
http://www.w3.org/TR/DOM-Level-2-Tra...ge/ranges.html
which is connected to its selection object returned by
window.getSelection()
whose interface is documented at
http://lxr.mozilla.org/seamonkey/sou...ISelection.idl
Theoretically you should be able to use a method like surroundContents:
http://www.w3.org/TR/DOM-Level-2-Tra...ge-Surrounding
to wrap some range content into a span element for instance but last
time I have tried that with Netscape 7 it failed due to bugs.
When I try the following with Mozilla 1.7 or FireFox 0.9
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>does surroundContents work?</title>
<script type="text/javascript">
function wrapSelection (cssClassName) {
if (typeof window.getSelection != 'undefined') {
var selection = window.getSelection();
if (typeof selection.rangeCount != 'undefined' &&
selection.rangeCount > 0) {
var range = selection.getRangeAt(0);
if (typeof range.surroundContents != 'undefined') {
var span = document.createElement('span');
span.className = cssClassName;
range.surroundContents(span);
}
}
}
}
</script>
<style type="text/javascript">
..selectionHighlight {
background-color: lightyellow;
}
</style>
</head>
<body>
<p>
Select some text in this paragraph with the mouse.
Then press the highlight button.
All for Kibology. Kibology for all.
</p>
<form action="" onsubmit="return false;">
<p>
<input type="button" value="highlight selection"
onclick="wrapSelection('selectionHighlight');">
</p>
</form>
</body>
</html>
I still get an error on the surroundContents call:
Error: uncaught exception: [Exception... "Index or size is negative or
greater than the allowed amount" code: "1" nsresult: "0x80530001
(NS_ERROR_DOM_INDEX_SIZE_ERR)" location:
"http://localhost/javascript/test20040623.html Line: 15"]
which I think is caused by the buggy Mozilla implementation of
Range/surroundContents.
--
Martin Honnen
http://JavaScript.FAQTs.com/