$ in IFrame

Prototype $ method works well on parent page. However, if it has an IFrame, what happend to $ method? I have tested it here and here

One of my friend suggested to overcome the situation and shared me the code by which you can extend $ method of prototype in Iframe. He could not tell me the source but after searching a lot, I found that from here


Try with $(element).hide()

<--- it works in IE8/FireFox

How about Element.hide(element)? [if you already pressed the above, you need to refresh the page to see the following in action]

<--- it also works in IE8 & FireFox (as usual)

 Code I used here

    <script type="text/javascript">
        // Extend prototype's Method avaialble for IFrame
        Prototype.extendFrame = function(element) {
            element = $(element);
            for (var m in Element.Methods) {
                if (Object.isFunction(Element.Methods[m])) {
                    element.contentWindow.Element.prototype[m] = Element.Methods[m].methodize();

 Finally what I understand

Now, I am happy that I can use prototype $ method in IFRAME using the above method.

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