How to access main aspx controls from iframe aspx page ?

Question

0.00/5 (No votes)

See more:

Hi, I have page1.aspx and page2.aspx and both page have buttons, in page1.aspx i use iframe and call page2.aspx, from page2 button i need to get page1 button id and trigger click event.
I used external javascript ,so both page can access if refer that script in both page.

What I have tried:

I used to get control id in following ways

document.getElementById("mySidenav")

document.getElementById("ContentPlaceHolder1_mySidenav")

page1 got master page so i use ContentPlaceHolder1 ,but still problem to get control id.

If i call mySidenav from page1, no error, but if i call from page2 which is inside iframe, cant call,it show error "

0x800a138f - JavaScript runtime error: Unable to get property 'ajaxRequestWithTarget' of undefined or null reference

"

Posted 12-Jun-20 0:48am

Aravindba

Updated 12-Jun-20 1:47am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

F-ES Sitecore · Answer 1 · 2020-06-12T01:48:00

I'd attach a data attribute to the button that will allow you to hook onto it. So page1

HTML

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Page 1</h2>
    <p>
        <asp:Button ID="mySidenav" data-button="mySidenav" runat="server" />
    </p>
    <iframe src="Page2.aspx" />
</asp:Content>

page 2

HTML

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Page 2</h2>
    <script>
        var el = parent.document.querySelector("[data-button='mySidenav']");
        alert(el.id);
    </script>
</asp:Content>