CODEWITHSUNDEEP
javascriptiframeprototypejs
Nazmul
Nazmul

Reputation: 7218

What is the way to access IFrame's element using Prototype $ method

Using prototype js library I can access elements by using $(elementID). I can access the element in an Iframe by 

$('iframeID').contentWindow.document.getElementById('ID of element inside Iframe').

I would like to use the same dollar method for my Iframe to access elements in Iframe. Is there any way?

Upvotes: 4

Views: 7834

Answers (2)

Nazmul
Nazmul

Reputation: 7218

If you are eager to know the method, you can visit the link (after searching I got the link)

http://www.ruby-forum.com/topic/146705

and for the demo yo can visit here

http://sandbox.equawire.com/stackoverflow/DollarIFrame3.aspx

Thanks.

Upvotes: 0

artlung
artlung

Reputation: 33813

You could alias calling that iframe with something like:

var $IFRAME = function (id){
    return $('iframeID').contentWindow.document.getElementById(id);
}

Then, say you wanted to get the innerHTML of an element in that frame with id 'p1' you could do:

var x = $IFRAME('p1').innerHTML;
alert(x);

Or to manipulate it, for example hide it, you'd do:

$IFRAME('p1').hide();

The $IFRAME name for the function is arbitrary on my part, you could call it getElementInsideIFrameID or whatever appeals to you.

Upvotes: 4

Related Questions