ansaurus

Question

Html how to make a part on iframe, unvisible and unclickable externally? (my idea)

Answer 1

A:

Actually, JavaScript executed by the container window can manipulate the DOM of the document in the <iframe>. For example, clicking on the button in this page hides the Google Search button in the document in the <iframe>. Note that the JS is quick and dirty, and I've only tested it using Safari:

Container HTML:

<html>
    <head>
        <title>Container</title>
        <script type="text/javascript">
        onload = function () {
            // Listen for a click on the 'remover' button.
            var oRemover = document.getElementById('remover');
            oRemover.onclick = hideGoogleSearchButton;
        }
        var hideGoogleSearchButton = function () {
            var oInnerDoc = document.getElementById('google_frame').contentDocument;
            var aForms    = oInnerDoc.getElementsByTagName('form');
            var oButton   = aForms[0].elements['btnG'];
            oButton.style.display = 'none';
        }
        </script>
    </head>
    <body>
       <button id="remover">Hide 'Google Search' button inside the iframe</button>:
       <iframe src="http://www.google.com/" id="google_frame" />
    </body>
</html>

Richard Turner 2009-10-04 14:22:48

Hmm. Looks like this only works in Safari, and can be considered a cross domain security bug.

Richard Turner 2009-10-05 10:00:29

Answer 2

A:

Not working on both internet explorer and firefox. Here is the firebug error:

Permission denied for <file://> to get property HTMLDocument.getElementsByTagName from <http://www.google.com>. anonymous()New%20Te...ment.html (line 12) [Break on this error] var aForms = oInnerDoc.getElementsByTagName('form');\r\n

Well as I understand it is the same reason, the iframe security issues. So I need an external way.

stckvrflw 2009-10-05 06:04:49

ansaurus

tags:

views:

answers:

Html how to make a part on iframe, unvisible and unclickable externally? (my idea)

related questions