$ in IFrame

Prototype $ method works well on parent page. However, if it has an IFrame, what happend to $ method, let s check it.

I have tested the same in a different way here

 Demonstration

Try with $(element).hide()

How about Element.hide(element)

 Code I used here

        <script type="text/javascript">
            Event.observe(window, 'load', function() {
                $('cmdHide').observe('click', function() {
                    //hide element in Iframe
                    try {
                        getEleInIFrame('para').hide();
                    }
                    catch (error) {
                        $$(".notice")[0].update(error).show();
                    }
                });

                $('cmdHide2').observe('click', function() {
                    //hide element in Iframe
                    try {
                        Element.hide(getEleInIFrame('para'));
                        $$(".notice")[0].update("congratulations!!!").show();
                    }
                    catch (error) {
                        $$(".notice")[0].update(error).show();
                    }
                });
            });
            //Get the element in Iframe
            function getEleInIFrame(tgtID) {
                var theFrame = $('ifr');
                var theDoc = theFrame.contentWindow.document;
                var theEle = theDoc.getElementById(tgtID);
                return theEle;
            }

</script>
        

 Finally what I understand

$(element).hide() does not work in my case. But Element.hide(element) works perfectly. What I have understood that the element in Iframe is not extended to use $(element).hide() method. if you are interested to know more, you can visit Element.extend

6 Responses to "Prototype Dollar ($) in Iframe"

  1. Great information. Lucky me I found your website by accident (stumbleupon). I’ve book-marked it for later!
  2. It’s hard to find well-informed people in this particular topic, however, you sound like you know what you’re talking about. Thanks!
  3. I have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it.
  4. Thanks for a marvelous posting! I definitely enjoyed reading it, you’re a great author. I will ensure that I bookmark your blog and will come back sometime soon. I want to encourage that you continue your great work, have a nice day!
  5. Well, This is a great source. But I hope you keep posting and updating this site. Have a great day.

Leave a Reply




Privacy Policy | Terms of use
css template ready for  n°web
© 2008 2009 2010 by http://nazmulweb.com