I'll post my code below. My goal is to grab the selected text in an
iFrame from javascript (really any way possible). When I highlight
text in the iFrame and click the link outside of the iFrame, I receive
the following error:
Firefox FireBug Error
uncaught exception: Permission denied to get property
HTMLDocument.ge tSelection
IE7 Error
Error: Access Denied.
Line: 25
If you have any idea what is going wrong, then I urge you to reply to
my post. If you have another way to do what way, then I also urge you
to reply. Thank you very much for taking the time to read through my
post.
<html>
<head>
<title>Title of page</title>
<!-- Include CSS Files -->
<link rel="stylesheet " href="style.css " />
<!-- Include JS Files -->
<script type="text/javascript" src="prototype. js"></script>
<script type="text/javascript" src="mootools.v 1.00.js"></script>
<script>
function showFxTarget(ta rget) {
$(target).makeD raggable();
$(target).setSt yles({
'display': 'block',
'visibility':'v isible'
});
if (document.getSe lection) {
var iframe = window.frames.g roups;
var str = iframe.document .getSelection() ;
} else if (document.selec tion && document.select ion.createRange ) {
var iframe = window.frames.g roups;
var range = iframe.document .selection.crea teRange();
var str = range.text;
} else {
var str = "Error: Could not find the selected text.";
}
}
</script>
</head>
<body>
<h2>A draggable box</h2>
<div id="firstFXT" class="fxTarget "></div>
<p>Click <a href="javascrip t:showFxTarget( 'firstFXT');">h ere</a>to
make the box appear.</p>
<iframe name="groups" frameborder="0" src ="http://groups.google.c om/"
width="80%">
<div id="firstFXT" class="fxTarget "></div>
</iframe>
</html>
