Return HTML from a user selection
- by Cruinh
I have the following, very simple html page...
<html>
<head>
<script type="text/javascript">
function alertSelection()
{
var selection = window.getSelection();
var txt = selection.toString();
alert(txt);
}
</script>
</head>
<body>
This is <span style="background-color:black;color:white">the</span> text.
<div style="background-color:green;width:30px;height:30px;margin:30px" onmouseover="alertSelection()">
</body>
</html>
When I select the entire first line and mouseover the square, I get an alert with "This is the text.".
How would I fix this so the the span tag or any other selected HTML isn't stripped out of the alert message?