How can I get a specific div from an outside iframe when I am already within a different iframe

Question

I have issues related to the following code

This is my main Page:

<html>
    <body>
    <div class="pagewrapper"> 
        <div class="page">
                <iframe id="TabContentIframe" 
                    src="/MyTestWebsite4/TabContent/Details/8">
                </iframe>
                <iframe id="TabContentIframe" 
                    src="/MyTestWebsite4/TabContent/Details/8">
                </iframe>
                <iframe id="TabContentIframe" 
                    src="/MyTestWebsite4/TabContent/Details/8">
                </iframe>
            </div>
        </div> 
    </body>
</html>

The TabContentIframe looks Like This:

<html>
    <body>
        <div class="pagewrapper"> 
            <div class="DivIWant">
                <iframe id="MainContentIframe" 
                    src="/MyTestWebsite4/MainContent/Details/8">
                </iframe>
            </div>
        </div> 
    </body>
</html>

And The MainContentIframe Looks Like This:

<html>
    <body>
        <div class="pagewrapper"> 
            <div iD = "BtnIPressed"></div> 
        </div> 
    </body>
</html>

As you can see there are all in the same domain.

If I press the BtnIPressed , how can I get the DivIWant that is closest to the iframe within I pressed the button?

Answer 1

Orginal Answer was:

alert(parent.parent.getElementById("DivIWant").innerHTML)

But now you changed the location of the div so it would just be one level up.

alert(parent.getElementById("DivIWant").innerHTML)

Walking up parents until you find a matching div

var par = null;
var div = null;
while(par!==window){
    par = par.parent;
    var div = par.getElementById("DivIWant")
    if(div){       
         break;
    }
}
if(div){
    alert(div.innerHTML);
}

Answer 2

Try this

window.top.document.getElementById("DivIWant");

How can I get a specific div from an outside iframe when I am already within a different iframe

Question

2 answers

solution1
1 ACCPTED 2011-08-12 02:43:31

solution2
1 2011-08-12 03:29:45

How can I get a specific div from an outside iframe when I am already within a different iframe

Question

2 answers

solution1 1 ACCPTED 2011-08-12 02:43:31

solution2 1 2011-08-12 03:29:45

solution1
1 ACCPTED 2011-08-12 02:43:31

solution2
1 2011-08-12 03:29:45